Metamigo frontend build fixes
This commit is contained in:
parent
935290bbdc
commit
101fea0bf4
24 changed files with 49 additions and 46 deletions
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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(() => {
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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}>
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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 />}>
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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) => ({
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ import {
|
|||
Typography,
|
||||
Box,
|
||||
CircularProgress,
|
||||
} from "@material-ui/core";
|
||||
} from "@mui/material";
|
||||
import { SixDigitInput } from "../../DigitInput";
|
||||
import {
|
||||
sanitizeE164Number,
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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([]);
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue