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 { 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 { signIn, signOut, getSession } from "next-auth/react";
|
||||||
import { useLogin, useTranslate } from "react-admin";
|
import { useLogin, useTranslate } from "react-admin";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
import { FC, useEffect } from "react";
|
import { FC, PropsWithChildren, useEffect } from "react";
|
||||||
import { CircularProgress } from "@material-ui/core";
|
import { CircularProgress } from "@mui/material";
|
||||||
import { useSession } from "next-auth/react";
|
import { useSession } from "next-auth/react";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
|
|
||||||
export const Auth: FC = ({ children }) => {
|
export const Auth: FC<PropsWithChildren> = ({ children }) => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const { data: session, status: loading } = useSession();
|
const { data: session, status: loading } = useSession();
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import { FC, useEffect, useState } from "react";
|
||||||
import { Admin, Resource } from "react-admin";
|
import { Admin, Resource } from "react-admin";
|
||||||
import { useApolloClient } from "@apollo/client";
|
import { useApolloClient } from "@apollo/client";
|
||||||
import polyglotI18nProvider from "ra-i18n-polyglot";
|
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 { metamigoDataProvider } from "../lib/dataprovider";
|
||||||
import { theme } from "./layout/themes";
|
import { theme } from "./layout/themes";
|
||||||
import { Layout } from "./layout";
|
import { Layout } from "./layout";
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { FC } from "react";
|
import { FC } from "react";
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@mui/material/styles";
|
||||||
import {
|
import {
|
||||||
SimpleForm,
|
SimpleForm,
|
||||||
TextInput,
|
TextInput,
|
||||||
|
|
@ -13,7 +13,7 @@ import {
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
import { useSession } from "next-auth/react";
|
import { useSession } from "next-auth/react";
|
||||||
|
|
||||||
const useStyles = makeStyles((_theme) => ({
|
const useStyles = makeStyles((_theme: any) => ({
|
||||||
defaultToolbar: {
|
defaultToolbar: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
display: "flex",
|
display: "flex",
|
||||||
|
|
@ -27,6 +27,7 @@ type AccountEditToolbarProps = {
|
||||||
|
|
||||||
const AccountEditToolbar: FC<AccountEditToolbarProps> = (props: any) => {
|
const AccountEditToolbar: FC<AccountEditToolbarProps> = (props: any) => {
|
||||||
const { data: session } = useSession();
|
const { data: session } = useSession();
|
||||||
|
// @ts-expect-error
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
return (
|
return (
|
||||||
<Toolbar className={classes.defaultToolbar} {...props}>
|
<Toolbar className={classes.defaultToolbar} {...props}>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/* eslint-disable import/no-named-as-default */
|
/* eslint-disable import/no-named-as-default */
|
||||||
/* eslint-disable import/no-anonymous-default-export */
|
/* 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 AccountList from "./AccountList";
|
||||||
import AccountEdit from "./AccountEdit";
|
import AccountEdit from "./AccountEdit";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import { forwardRef } from "react";
|
import { forwardRef } from "react";
|
||||||
import { AppBar, UserMenu, MenuItemLink, useTranslate } from "react-admin";
|
import { AppBar, UserMenu, MenuItemLink, useTranslate } from "react-admin";
|
||||||
import Typography from "@material-ui/core/Typography";
|
import Typography from "@mui/material/Typography";
|
||||||
import SettingsIcon from "@material-ui/icons/Settings";
|
import SettingsIcon from "@mui/icons-material/Settings";
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@mui/material/styles";
|
||||||
|
|
||||||
const useStyles = makeStyles({
|
const useStyles = makeStyles({
|
||||||
title: {
|
title: {
|
||||||
|
|
@ -38,6 +38,7 @@ const CustomUserMenu = (props: any) => (
|
||||||
);
|
);
|
||||||
|
|
||||||
const CustomAppBar = (props: any) => {
|
const CustomAppBar = (props: any) => {
|
||||||
|
// @ts-expect-error
|
||||||
const classes = useStyles();
|
const classes = useStyles();
|
||||||
return (
|
return (
|
||||||
<AppBar {...props} elevation={1} userMenu={<CustomUserMenu />}>
|
<AppBar {...props} elevation={1} userMenu={<CustomUserMenu />}>
|
||||||
|
|
|
||||||
|
|
@ -2,11 +2,11 @@
|
||||||
/* eslint-disable camelcase */
|
/* eslint-disable camelcase */
|
||||||
import { FC, useState } from "react";
|
import { FC, useState } from "react";
|
||||||
import { useSelector } from "react-redux";
|
import { useSelector } from "react-redux";
|
||||||
import SecurityIcon from "@material-ui/icons/Security";
|
import SecurityIcon from "@mui/icons-material/Security";
|
||||||
import VoiceIcon from "@material-ui/icons/PhoneInTalk";
|
import VoiceIcon from "@mui/icons-material/PhoneInTalk";
|
||||||
import { Box } from "@material-ui/core";
|
import { Box } from "@mui/material";
|
||||||
import { useTheme } from "@material-ui/core/styles";
|
import { useTheme } from "@mui/material/styles";
|
||||||
import useMediaQuery from "@material-ui/core/useMediaQuery";
|
import useMediaQuery from "@mui/material/useMediaQuery";
|
||||||
import { useTranslate, MenuItemLink } from "react-admin";
|
import { useTranslate, MenuItemLink } from "react-admin";
|
||||||
import users from "../users";
|
import users from "../users";
|
||||||
import accounts from "../accounts";
|
import accounts from "../accounts";
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
// @ts-nocheck
|
// @ts-nocheck
|
||||||
import { FC, PropsWithChildren, Fragment, ReactElement } from "react";
|
import { FC, PropsWithChildren, Fragment, ReactElement } from "react";
|
||||||
import ExpandMore from "@material-ui/icons/ExpandMore";
|
import ExpandMore from "@mui/icons-material/ExpandMore";
|
||||||
import List from "@material-ui/core/List";
|
import List from "@mui/material/List";
|
||||||
import MenuItem from "@material-ui/core/MenuItem";
|
import MenuItem from "@mui/material/MenuItem";
|
||||||
import ListItemIcon from "@material-ui/core/ListItemIcon";
|
import ListItemIcon from "@mui/material/ListItemIcon";
|
||||||
import Typography from "@material-ui/core/Typography";
|
import Typography from "@mui/material/Typography";
|
||||||
import Collapse from "@material-ui/core/Collapse";
|
import Collapse from "@mui/material/Collapse";
|
||||||
import Tooltip from "@material-ui/core/Tooltip";
|
import Tooltip from "@mui/material/Tooltip";
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@mui/material/styles";
|
||||||
import { useTranslate } from "react-admin";
|
import { useTranslate } from "react-admin";
|
||||||
|
|
||||||
const useStyles = makeStyles((theme) => ({
|
const useStyles = makeStyles((theme) => ({
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ import {
|
||||||
Typography,
|
Typography,
|
||||||
Box,
|
Box,
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
} from "@material-ui/core";
|
} from "@mui/material";
|
||||||
import { SixDigitInput } from "../../DigitInput";
|
import { SixDigitInput } from "../../DigitInput";
|
||||||
import {
|
import {
|
||||||
sanitizeE164Number,
|
sanitizeE164Number,
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import SignalBotIcon from "@material-ui/icons/ChatOutlined";
|
import SignalBotIcon from "@mui/icons-material/ChatOutlined";
|
||||||
import SignalBotList from "./SignalBotList";
|
import SignalBotList from "./SignalBotList";
|
||||||
import SignalBotEdit from "./SignalBotEdit";
|
import SignalBotEdit from "./SignalBotEdit";
|
||||||
import SignalBotCreate from "./SignalBotCreate";
|
import SignalBotCreate from "./SignalBotCreate";
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@mui/material/styles";
|
||||||
import {
|
import {
|
||||||
SimpleForm,
|
SimpleForm,
|
||||||
TextInput,
|
TextInput,
|
||||||
|
|
@ -14,7 +14,7 @@ import {
|
||||||
import { useSession } from "next-auth/react";
|
import { useSession } from "next-auth/react";
|
||||||
import { UserRoleInput } from "./shared";
|
import { UserRoleInput } from "./shared";
|
||||||
|
|
||||||
const useStyles = makeStyles((_theme) => ({
|
const useStyles = makeStyles((_theme: any) => ({
|
||||||
defaultToolbar: {
|
defaultToolbar: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
display: "flex",
|
display: "flex",
|
||||||
|
|
@ -23,6 +23,7 @@ const useStyles = makeStyles((_theme) => ({
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const UserEditToolbar = (props: any) => {
|
const UserEditToolbar = (props: any) => {
|
||||||
|
// @ts-expect-error
|
||||||
const classes = useStyles(props);
|
const classes = useStyles(props);
|
||||||
const redirect = useRedirect();
|
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 UserList from "./UserList";
|
||||||
import UserEdit from "./UserEdit";
|
import UserEdit from "./UserEdit";
|
||||||
import UserCreate from "./UserCreate";
|
import UserCreate from "./UserCreate";
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ import {
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
import { ProviderKindInput } from "./shared";
|
import { ProviderKindInput } from "./shared";
|
||||||
|
|
||||||
// import TextField from "@material-ui/core/TextField";
|
// import TextField from "@mui/material/TextField";
|
||||||
|
|
||||||
/* const TwilioCredentialsInput = () => (
|
/* const TwilioCredentialsInput = () => (
|
||||||
<span>
|
<span>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
/* eslint-disable import/no-anonymous-default-export */
|
/* 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 ProviderList from "./ProviderList";
|
||||||
import ProviderEdit from "./ProviderEdit";
|
import ProviderEdit from "./ProviderEdit";
|
||||||
import ProviderCreate from "./ProviderCreate";
|
import ProviderCreate from "./ProviderCreate";
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
import { useInput } from "react-admin";
|
import { useInput } from "react-admin";
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import dynamic from "next/dynamic";
|
import dynamic from "next/dynamic";
|
||||||
import MicIcon from "@material-ui/icons/Mic";
|
import MicIcon from "@mui/icons-material/Mic";
|
||||||
import StopIcon from "@material-ui/icons/Stop";
|
import StopIcon from "@mui/icons-material/Stop";
|
||||||
import Button from "@material-ui/core/Button";
|
import Button from "@mui/material/Button";
|
||||||
import { makeStyles, useTheme } from "@material-ui/core/styles";
|
import { makeStyles, useTheme } from "@mui/material/styles";
|
||||||
// import AudioPlayer from "material-ui-audio-player";
|
// import AudioPlayer from "material-ui-audio-player";
|
||||||
import { useStopwatch } from "react-timer-hook";
|
import { useStopwatch } from "react-timer-hook";
|
||||||
import style from "./MicInput.module.css";
|
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 VoiceLineList from "./VoiceLineList";
|
||||||
import VoiceLineEdit from "./VoiceLineEdit";
|
import VoiceLineEdit from "./VoiceLineEdit";
|
||||||
import VoiceLineCreate from "./VoiceLineCreate";
|
import VoiceLineCreate from "./VoiceLineCreate";
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/* eslint-disable react/display-name */
|
/* eslint-disable react/display-name */
|
||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import PlayIcon from "@material-ui/icons/PlayCircleFilled";
|
import PlayIcon from "@mui/icons-material/PlayCircleFilled";
|
||||||
import {
|
import {
|
||||||
TextInput,
|
TextInput,
|
||||||
SelectInput,
|
SelectInput,
|
||||||
|
|
@ -11,7 +11,7 @@ import {
|
||||||
ReferenceField,
|
ReferenceField,
|
||||||
TextField,
|
TextField,
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
import { IconButton, CircularProgress } from "@material-ui/core";
|
import { IconButton, CircularProgress } from "@mui/material";
|
||||||
import absoluteUrl from "../../../lib/absolute-url";
|
import absoluteUrl from "../../../lib/absolute-url";
|
||||||
import TwilioLanguages from "./twilio-languages";
|
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 WebhookList from "./WebhookList";
|
||||||
import WebhookEdit from "./WebhookEdit";
|
import WebhookEdit from "./WebhookEdit";
|
||||||
import WebhookCreate from "./WebhookCreate";
|
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 WhatsappAttachmentList from "./WhatsappAttachmentList";
|
||||||
import WhatsappAttachmentShow from "./WhatsappAttachmentShow";
|
import WhatsappAttachmentShow from "./WhatsappAttachmentShow";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import {
|
||||||
Button,
|
Button,
|
||||||
TextField as MaterialTextField,
|
TextField as MaterialTextField,
|
||||||
IconButton,
|
IconButton,
|
||||||
} from "@material-ui/core";
|
} from "@mui/material";
|
||||||
import {
|
import {
|
||||||
Show,
|
Show,
|
||||||
SimpleShowLayout,
|
SimpleShowLayout,
|
||||||
|
|
@ -18,7 +18,7 @@ import {
|
||||||
} from "react-admin";
|
} from "react-admin";
|
||||||
import QRCode from "react-qr-code";
|
import QRCode from "react-qr-code";
|
||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
import RefreshIcon from "@material-ui/icons/Refresh";
|
import RefreshIcon from "@mui/icons-material/Refresh";
|
||||||
|
|
||||||
const Sidebar = ({ record }: any) => {
|
const Sidebar = ({ record }: any) => {
|
||||||
const [receivedMessages, setReceivedMessages] = useState([]);
|
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 WhatsappBotList from "./WhatsappBotList";
|
||||||
import WhatsappBotEdit from "./WhatsappBotEdit";
|
import WhatsappBotEdit from "./WhatsappBotEdit";
|
||||||
import WhatsappBotCreate from "./WhatsappBotCreate";
|
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 WhatsappMessageList from "./WhatsappMessageList";
|
||||||
import WhatsappMessageShow from "./WhatsappMessageShow";
|
import WhatsappMessageShow from "./WhatsappMessageShow";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
// @ts-nocheck
|
// @ts-nocheck
|
||||||
import { NextPage } from "next";
|
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 { FC, useEffect } from "react";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { FC } from "react";
|
import { FC } from "react";
|
||||||
import { Button } from "@material-ui/core";
|
import { Button } from "@mui/material";
|
||||||
import { signIn, signOut, useSession } from "next-auth/react";
|
import { signIn, signOut, useSession } from "next-auth/react";
|
||||||
|
|
||||||
const MyComponent: FC = () => {
|
const MyComponent: FC = () => {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue