Metamigo frontend build fixes

This commit is contained in:
Darren Clarke 2023-05-25 07:03:57 +00:00
parent 935290bbdc
commit 101fea0bf4
24 changed files with 49 additions and 46 deletions

View file

@ -1,5 +1,5 @@
import { FC, useEffect } from "react";
import { CircularProgress, Typography, Grid } from "@material-ui/core";
import { CircularProgress, Typography, Grid } from "@mui/material";
import { signIn, signOut, getSession } from "next-auth/react";
import { useLogin, useTranslate } from "react-admin";

View file

@ -1,9 +1,9 @@
import { FC, useEffect } from "react";
import { CircularProgress } from "@material-ui/core";
import { FC, PropsWithChildren, useEffect } from "react";
import { CircularProgress } from "@mui/material";
import { useSession } from "next-auth/react";
import { useRouter } from "next/router";
export const Auth: FC = ({ children }) => {
export const Auth: FC<PropsWithChildren> = ({ children }) => {
const router = useRouter();
const { data: session, status: loading } = useSession();
useEffect(() => {

View file

@ -2,7 +2,7 @@ import { FC, useEffect, useState } from "react";
import { Admin, Resource } from "react-admin";
import { useApolloClient } from "@apollo/client";
import polyglotI18nProvider from "ra-i18n-polyglot";
import { ThemeProvider, createMuiTheme } from "@material-ui/core/styles";
import { ThemeProvider, createMuiTheme } from "@mui/material/styles";
import { metamigoDataProvider } from "../lib/dataprovider";
import { theme } from "./layout/themes";
import { Layout } from "./layout";

View file

@ -1,5 +1,5 @@
import { FC } from "react";
import { makeStyles } from "@material-ui/core/styles";
import { makeStyles } from "@mui/material/styles";
import {
SimpleForm,
TextInput,
@ -13,7 +13,7 @@ import {
} from "react-admin";
import { useSession } from "next-auth/react";
const useStyles = makeStyles((_theme) => ({
const useStyles = makeStyles((_theme: any) => ({
defaultToolbar: {
flex: 1,
display: "flex",
@ -27,6 +27,7 @@ type AccountEditToolbarProps = {
const AccountEditToolbar: FC<AccountEditToolbarProps> = (props: any) => {
const { data: session } = useSession();
// @ts-expect-error
const classes = useStyles(props);
return (
<Toolbar className={classes.defaultToolbar} {...props}>

View file

@ -1,6 +1,6 @@
/* eslint-disable import/no-named-as-default */
/* eslint-disable import/no-anonymous-default-export */
import AccountIcon from "@material-ui/icons/AccountTree";
import AccountIcon from "@mui/icons-material/AccountTree";
import AccountList from "./AccountList";
import AccountEdit from "./AccountEdit";

View file

@ -1,8 +1,8 @@
import { forwardRef } from "react";
import { AppBar, UserMenu, MenuItemLink, useTranslate } from "react-admin";
import Typography from "@material-ui/core/Typography";
import SettingsIcon from "@material-ui/icons/Settings";
import { makeStyles } from "@material-ui/core/styles";
import Typography from "@mui/material/Typography";
import SettingsIcon from "@mui/icons-material/Settings";
import { makeStyles } from "@mui/material/styles";
const useStyles = makeStyles({
title: {
@ -38,6 +38,7 @@ const CustomUserMenu = (props: any) => (
);
const CustomAppBar = (props: any) => {
// @ts-expect-error
const classes = useStyles();
return (
<AppBar {...props} elevation={1} userMenu={<CustomUserMenu />}>

View file

@ -2,11 +2,11 @@
/* eslint-disable camelcase */
import { FC, useState } from "react";
import { useSelector } from "react-redux";
import SecurityIcon from "@material-ui/icons/Security";
import VoiceIcon from "@material-ui/icons/PhoneInTalk";
import { Box } from "@material-ui/core";
import { useTheme } from "@material-ui/core/styles";
import useMediaQuery from "@material-ui/core/useMediaQuery";
import SecurityIcon from "@mui/icons-material/Security";
import VoiceIcon from "@mui/icons-material/PhoneInTalk";
import { Box } from "@mui/material";
import { useTheme } from "@mui/material/styles";
import useMediaQuery from "@mui/material/useMediaQuery";
import { useTranslate, MenuItemLink } from "react-admin";
import users from "../users";
import accounts from "../accounts";

View file

@ -1,13 +1,13 @@
// @ts-nocheck
import { FC, PropsWithChildren, Fragment, ReactElement } from "react";
import ExpandMore from "@material-ui/icons/ExpandMore";
import List from "@material-ui/core/List";
import MenuItem from "@material-ui/core/MenuItem";
import ListItemIcon from "@material-ui/core/ListItemIcon";
import Typography from "@material-ui/core/Typography";
import Collapse from "@material-ui/core/Collapse";
import Tooltip from "@material-ui/core/Tooltip";
import { makeStyles } from "@material-ui/core/styles";
import ExpandMore from "@mui/icons-material/ExpandMore";
import List from "@mui/material/List";
import MenuItem from "@mui/material/MenuItem";
import ListItemIcon from "@mui/material/ListItemIcon";
import Typography from "@mui/material/Typography";
import Collapse from "@mui/material/Collapse";
import Tooltip from "@mui/material/Tooltip";
import { makeStyles } from "@mui/material/styles";
import { useTranslate } from "react-admin";
const useStyles = makeStyles((theme) => ({

View file

@ -24,7 +24,7 @@ import {
Typography,
Box,
CircularProgress,
} from "@material-ui/core";
} from "@mui/material";
import { SixDigitInput } from "../../DigitInput";
import {
sanitizeE164Number,

View file

@ -1,4 +1,4 @@
import SignalBotIcon from "@material-ui/icons/ChatOutlined";
import SignalBotIcon from "@mui/icons-material/ChatOutlined";
import SignalBotList from "./SignalBotList";
import SignalBotEdit from "./SignalBotEdit";
import SignalBotCreate from "./SignalBotCreate";

View file

@ -1,4 +1,4 @@
import { makeStyles } from "@material-ui/core/styles";
import { makeStyles } from "@mui/material/styles";
import {
SimpleForm,
TextInput,
@ -14,7 +14,7 @@ import {
import { useSession } from "next-auth/react";
import { UserRoleInput } from "./shared";
const useStyles = makeStyles((_theme) => ({
const useStyles = makeStyles((_theme: any) => ({
defaultToolbar: {
flex: 1,
display: "flex",
@ -23,6 +23,7 @@ const useStyles = makeStyles((_theme) => ({
}));
const UserEditToolbar = (props: any) => {
// @ts-expect-error
const classes = useStyles(props);
const redirect = useRedirect();

View file

@ -1,4 +1,4 @@
import UserIcon from "@material-ui/icons/People";
import UserIcon from "@mui/icons-material/People";
import UserList from "./UserList";
import UserEdit from "./UserEdit";
import UserCreate from "./UserCreate";

View file

@ -7,7 +7,7 @@ import {
} from "react-admin";
import { ProviderKindInput } from "./shared";
// import TextField from "@material-ui/core/TextField";
// import TextField from "@mui/material/TextField";
/* const TwilioCredentialsInput = () => (
<span>

View file

@ -1,5 +1,5 @@
/* eslint-disable import/no-anonymous-default-export */
import ProviderIcon from "@material-ui/icons/Business";
import ProviderIcon from "@mui/icons-material/Business";
import ProviderList from "./ProviderList";
import ProviderEdit from "./ProviderEdit";
import ProviderCreate from "./ProviderCreate";

View file

@ -1,10 +1,10 @@
import { useInput } from "react-admin";
import React, { useState } from "react";
import dynamic from "next/dynamic";
import MicIcon from "@material-ui/icons/Mic";
import StopIcon from "@material-ui/icons/Stop";
import Button from "@material-ui/core/Button";
import { makeStyles, useTheme } from "@material-ui/core/styles";
import MicIcon from "@mui/icons-material/Mic";
import StopIcon from "@mui/icons-material/Stop";
import Button from "@mui/material/Button";
import { makeStyles, useTheme } from "@mui/material/styles";
// import AudioPlayer from "material-ui-audio-player";
import { useStopwatch } from "react-timer-hook";
import style from "./MicInput.module.css";

View file

@ -1,4 +1,4 @@
import VoiceLineIcon from "@material-ui/icons/PhoneCallback";
import VoiceLineIcon from "@mui/icons-material/PhoneCallback";
import VoiceLineList from "./VoiceLineList";
import VoiceLineEdit from "./VoiceLineEdit";
import VoiceLineCreate from "./VoiceLineCreate";

View file

@ -1,6 +1,6 @@
/* eslint-disable react/display-name */
import React, { useState, useEffect } from "react";
import PlayIcon from "@material-ui/icons/PlayCircleFilled";
import PlayIcon from "@mui/icons-material/PlayCircleFilled";
import {
TextInput,
SelectInput,
@ -11,7 +11,7 @@ import {
ReferenceField,
TextField,
} from "react-admin";
import { IconButton, CircularProgress } from "@material-ui/core";
import { IconButton, CircularProgress } from "@mui/material";
import absoluteUrl from "../../../lib/absolute-url";
import TwilioLanguages from "./twilio-languages";

View file

@ -1,4 +1,4 @@
import WebhookIcon from "@material-ui/icons/Send";
import WebhookIcon from "@mui/icons-material/Send";
import WebhookList from "./WebhookList";
import WebhookEdit from "./WebhookEdit";
import WebhookCreate from "./WebhookCreate";

View file

@ -1,4 +1,4 @@
import WhatsappAttachmentIcon from "@material-ui/icons/AttachFile";
import WhatsappAttachmentIcon from "@mui/icons-material/AttachFile";
import WhatsappAttachmentList from "./WhatsappAttachmentList";
import WhatsappAttachmentShow from "./WhatsappAttachmentShow";

View file

@ -6,7 +6,7 @@ import {
Button,
TextField as MaterialTextField,
IconButton,
} from "@material-ui/core";
} from "@mui/material";
import {
Show,
SimpleShowLayout,
@ -18,7 +18,7 @@ import {
} from "react-admin";
import QRCode from "react-qr-code";
import useSWR from "swr";
import RefreshIcon from "@material-ui/icons/Refresh";
import RefreshIcon from "@mui/icons-material/Refresh";
const Sidebar = ({ record }: any) => {
const [receivedMessages, setReceivedMessages] = useState([]);

View file

@ -1,4 +1,4 @@
import WhatsappBotIcon from "@material-ui/icons/WhatsApp";
import WhatsappBotIcon from "@mui/icons-material/WhatsApp";
import WhatsappBotList from "./WhatsappBotList";
import WhatsappBotEdit from "./WhatsappBotEdit";
import WhatsappBotCreate from "./WhatsappBotCreate";

View file

@ -1,4 +1,4 @@
import WhatsappMessageIcon from "@material-ui/icons/Message";
import WhatsappMessageIcon from "@mui/icons-material/Message";
import WhatsappMessageList from "./WhatsappMessageList";
import WhatsappMessageShow from "./WhatsappMessageShow";

View file

@ -1,6 +1,6 @@
// @ts-nocheck
import { NextPage } from "next";
import { Typography, Box, Button, Grid, Link } from "@material-ui/core";
import { Typography, Box, Button, Grid, Link } from "@mui/material";
import { FC, useEffect } from "react";
import { useRouter } from "next/router";

View file

@ -1,5 +1,5 @@
import { FC } from "react";
import { Button } from "@material-ui/core";
import { Button } from "@mui/material";
import { signIn, signOut, useSession } from "next-auth/react";
const MyComponent: FC = () => {