diff --git a/packages/webapp/src/components/form/global-error/styled.ts b/packages/webapp/src/components/form/global-error/styled.ts index 86e9e468..c2c0a7f9 100644 --- a/packages/webapp/src/components/form/global-error/styled.ts +++ b/packages/webapp/src/components/form/global-error/styled.ts @@ -1,6 +1,5 @@ -import { withStyles } from "@material-ui/core/styles"; -import { Alert } from "@material-ui/lab"; - +import withStyles from "@material-ui/core/styles/withStyles"; +import Alert from "@material-ui/lab/Alert"; export const StyledAlert = withStyles({ root: diff --git a/packages/webapp/src/components/maps-page/action-dispatcher/delete-dialog/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/delete-dialog/index.tsx index ab07baa1..297e43d1 100644 --- a/packages/webapp/src/components/maps-page/action-dispatcher/delete-dialog/index.tsx +++ b/packages/webapp/src/components/maps-page/action-dispatcher/delete-dialog/index.tsx @@ -1,4 +1,3 @@ -import { Alert, AlertTitle } from "@material-ui/lab"; import React from "react"; import { FormattedMessage, useIntl } from "react-intl"; import { useMutation, useQueryClient } from "react-query"; @@ -7,6 +6,8 @@ import Client from "../../../../classes/client"; import { activeInstance, fetchMapById } from '../../../../redux/clientSlice'; import { SimpleDialogProps, handleOnMutationSuccess } from ".."; import BaseDialog from "../base-dialog"; +import Alert from "@material-ui/lab/Alert"; +import AlertTitle from "@material-ui/lab/AlertTitle"; const DeleteDialog = ({ mapId, onClose } : SimpleDialogProps) => { diff --git a/packages/webapp/src/theme/index.ts b/packages/webapp/src/theme/index.ts index a8443efa..c8599820 100644 --- a/packages/webapp/src/theme/index.ts +++ b/packages/webapp/src/theme/index.ts @@ -16,7 +16,7 @@ const theme = createMuiTheme({ fontSize: '14px', '& fieldset': { border: 'solid 1px #ffcb66', - }, + }, '&:hover:not($disabled):not($focused):not($error) $notchedOutline': { borderColor: '#f9a826', }