diff --git a/backend/src/controllers/WhatsAppSessionController.ts b/backend/src/controllers/WhatsAppSessionController.ts index c30a3de..596c5de 100644 --- a/backend/src/controllers/WhatsAppSessionController.ts +++ b/backend/src/controllers/WhatsAppSessionController.ts @@ -7,7 +7,7 @@ import UpdateWhatsAppService from "../services/WhatsappService/UpdateWhatsAppSer import { restartWhatsSession } from "../helpers/RestartWhatsSession"; -import path from 'path'; +import path from 'path'; // import { WWebJsw } from "../../WWebJS/session-bd_40" @@ -37,7 +37,7 @@ const update = async (req: Request, res: Response): Promise => { const restart = async (req: Request, res: Response): Promise => { - + const { whatsappId } = req.params; console.log('FROM REQUEST WHATSAPP ID: ', whatsappId) @@ -59,9 +59,9 @@ const remove = async (req: Request, res: Response): Promise => { const wbot = getWbot(whatsapp.id); console.log( - 'Desconectou s whatsapp.id: ', whatsapp.id, - ' | PATH TO DELETE', path.join(process.cwd(), '.wwebjs_auth', `session-bd_${whatsapp.id}`) - ) + 'Desconectou s whatsapp.id: ', whatsapp.id, + ' | PATH TO DELETE',path.join(process.cwd(),'.wwebjs_auth', `session-bd_${whatsapp.id}`) + ) //removeDir(path.join(process.cwd(),'.wwebjs_auth', `session-bd_${whatsapp.id}`)) diff --git a/backend/src/libs/wbot.ts b/backend/src/libs/wbot.ts index 768189c..079022b 100644 --- a/backend/src/libs/wbot.ts +++ b/backend/src/libs/wbot.ts @@ -47,6 +47,8 @@ const syncUnreadMessages = async (wbot: Session) => { export const initWbot = async (whatsapp: Whatsapp, backupSessionRestore: boolean = false): Promise => { return new Promise((resolve, reject) => { try { + + const io = getIO(); const sessionName = whatsapp.name; let sessionCfg; @@ -54,6 +56,8 @@ export const initWbot = async (whatsapp: Whatsapp, backupSessionRestore: boolean if (whatsapp && whatsapp.session) { sessionCfg = JSON.parse(whatsapp.session); } + + //NOVA OPÇÃO MD // const wbot: Session = new Client({ // session: sessionCfg, authStrategy: new LocalAuth({ clientId: 'bd_' + whatsapp.id }), @@ -157,8 +161,7 @@ export const initWbot = async (whatsapp: Whatsapp, backupSessionRestore: boolean const whatsIndex = backupSession.findIndex((id: number) => id === +whatsapp.id); - console.log(' whatsIndex: ', whatsIndex) - + console.log(' whatsIndex: ', whatsIndex) if (whatsIndex !== -1 || backupSessionRestore) { diff --git a/frontend/.env.example b/frontend/.env.example new file mode 100644 index 0000000..f890a22 --- /dev/null +++ b/frontend/.env.example @@ -0,0 +1 @@ +REACT_APP_BACKEND_URL = http://localhost:8080/ \ No newline at end of file diff --git a/frontend/package.json b/frontend/package.json index 3cf060b..80e12d7 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -5,7 +5,7 @@ "dependencies": { "@date-io/date-fns": "^1.3.13", "@emotion/react": "^11.7.1", - "@emotion/styled": "^11.6.0", + "@emotion/styled": "^11.6.0", "@material-ui/core": "^4.12.1", "@material-ui/icons": "^4.9.1", "@material-ui/lab": "^4.0.0-alpha.56", @@ -35,7 +35,6 @@ "react-toastify": "^6.0.9", "recharts": "^2.0.2", "socket.io-client": "^3.0.5", - "styled-components": "^5.3.5", "use-sound": "^2.0.1", "yup": "^0.32.8" }, diff --git a/frontend/public/index.html b/frontend/public/index.html index d3f8a8e..3089fed 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -2,6 +2,10 @@ OmniHit + diff --git a/frontend/src/App.js b/frontend/src/App.js index bf2a45d..e37774e 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,15 +1,49 @@ -import React from "react"; +import React, { useState, useEffect } from "react"; import Routes from "./routes"; import "react-toastify/dist/ReactToastify.css"; +import { createTheme, ThemeProvider } from "@material-ui/core/styles"; +import { ptBR } from "@material-ui/core/locale"; const App = () => { + const [locale, setLocale] = useState(); + + const theme = createTheme( + { + scrollbarStyles: { + "&::-webkit-scrollbar": { + width: "8px", + height: "8px", + }, + "&::-webkit-scrollbar-thumb": { + boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)", + + backgroundColor: "#e8e8e8", + }, + }, + palette: { + //primary: { main: "#2576d2" }, + primary: { main: "#ec5114" }, + }, + }, + locale + ); + + useEffect(() => { + const i18nlocale = localStorage.getItem("i18nextLng"); + const browserLocale = + i18nlocale.substring(0, 2) + i18nlocale.substring(3, 5); + + if (browserLocale === "ptBR") { + setLocale(ptBR); + } + }, []); + return ( - <> + - + ); }; export default App; - diff --git a/frontend/src/assets/fonts/Bashira Free.ttf b/frontend/src/assets/fonts/Bashira Free.ttf deleted file mode 100644 index 0174693..0000000 Binary files a/frontend/src/assets/fonts/Bashira Free.ttf and /dev/null differ diff --git a/frontend/src/assets/fonts/DMSerifDisplay-Italic.ttf b/frontend/src/assets/fonts/DMSerifDisplay-Italic.ttf deleted file mode 100644 index fe3b132..0000000 Binary files a/frontend/src/assets/fonts/DMSerifDisplay-Italic.ttf and /dev/null differ diff --git a/frontend/src/assets/fonts/DMSerifDisplay-Regular.ttf b/frontend/src/assets/fonts/DMSerifDisplay-Regular.ttf deleted file mode 100644 index 3e298c5..0000000 Binary files a/frontend/src/assets/fonts/DMSerifDisplay-Regular.ttf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Black.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Black.otf deleted file mode 100644 index a58c62b..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Black.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Heavy.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Heavy.otf deleted file mode 100644 index a094af1..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Heavy.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Italic.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Italic.otf deleted file mode 100644 index a523145..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Italic.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Light.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Light.otf deleted file mode 100644 index 59e4660..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Light.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Roman.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Roman.otf deleted file mode 100644 index 3aaee11..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-Roman.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-UltraLight.otf b/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-UltraLight.otf deleted file mode 100644 index e695a10..0000000 Binary files a/frontend/src/assets/fonts/Helvetica_Neue_LT_Pro-UltraLight.otf and /dev/null differ diff --git a/frontend/src/assets/fonts/galascript.ttf b/frontend/src/assets/fonts/galascript.ttf deleted file mode 100644 index c86353d..0000000 Binary files a/frontend/src/assets/fonts/galascript.ttf and /dev/null differ diff --git a/frontend/src/assets/icons/Logohit.svg b/frontend/src/assets/icons/Logohit.svg deleted file mode 100644 index c1d995d..0000000 --- a/frontend/src/assets/icons/Logohit.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/frontend/src/assets/icons/Menu/Accounttree.svg b/frontend/src/assets/icons/Menu/Accounttree.svg deleted file mode 100644 index bf15f0e..0000000 --- a/frontend/src/assets/icons/Menu/Accounttree.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/Menu/Configuration.svg b/frontend/src/assets/icons/Menu/Configuration.svg deleted file mode 100644 index 2d7ab1a..0000000 --- a/frontend/src/assets/icons/Menu/Configuration.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/frontend/src/assets/icons/Menu/Contact.svg b/frontend/src/assets/icons/Menu/Contact.svg deleted file mode 100644 index fab9da0..0000000 --- a/frontend/src/assets/icons/Menu/Contact.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/Menu/Dashboard.svg b/frontend/src/assets/icons/Menu/Dashboard.svg deleted file mode 100644 index fed1a02..0000000 --- a/frontend/src/assets/icons/Menu/Dashboard.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/Menu/Graph.svg b/frontend/src/assets/icons/Menu/Graph.svg deleted file mode 100644 index 5f6893f..0000000 --- a/frontend/src/assets/icons/Menu/Graph.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/frontend/src/assets/icons/Menu/Mensage.svg b/frontend/src/assets/icons/Menu/Mensage.svg deleted file mode 100644 index ca4ece1..0000000 --- a/frontend/src/assets/icons/Menu/Mensage.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/Menu/Notifications.svg b/frontend/src/assets/icons/Menu/Notifications.svg deleted file mode 100644 index 7153440..0000000 --- a/frontend/src/assets/icons/Menu/Notifications.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/Menu/Peoplealt.svg b/frontend/src/assets/icons/Menu/Peoplealt.svg deleted file mode 100644 index b01baed..0000000 --- a/frontend/src/assets/icons/Menu/Peoplealt.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/Menu/Send.svg b/frontend/src/assets/icons/Menu/Send.svg deleted file mode 100644 index 5215c0b..0000000 --- a/frontend/src/assets/icons/Menu/Send.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/Menu/Signoff.svg b/frontend/src/assets/icons/Menu/Signoff.svg deleted file mode 100644 index 86dbd1a..0000000 --- a/frontend/src/assets/icons/Menu/Signoff.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/frontend/src/assets/icons/Menu/Super.svg b/frontend/src/assets/icons/Menu/Super.svg deleted file mode 100644 index 9944ddd..0000000 --- a/frontend/src/assets/icons/Menu/Super.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/Menu/Swap.svg b/frontend/src/assets/icons/Menu/Swap.svg deleted file mode 100644 index 66a538d..0000000 --- a/frontend/src/assets/icons/Menu/Swap.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/Menu/Warning.svg b/frontend/src/assets/icons/Menu/Warning.svg deleted file mode 100644 index e1e22ff..0000000 --- a/frontend/src/assets/icons/Menu/Warning.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/frontend/src/assets/icons/Menu/Whatsapp.svg b/frontend/src/assets/icons/Menu/Whatsapp.svg deleted file mode 100644 index 7006dba..0000000 --- a/frontend/src/assets/icons/Menu/Whatsapp.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/UserModal/perfil.svg b/frontend/src/assets/icons/UserModal/perfil.svg deleted file mode 100644 index 38d19d4..0000000 --- a/frontend/src/assets/icons/UserModal/perfil.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/UserModal/signoff.svg b/frontend/src/assets/icons/UserModal/signoff.svg deleted file mode 100644 index ab8c0cd..0000000 --- a/frontend/src/assets/icons/UserModal/signoff.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/frontend/src/assets/icons/email.svg b/frontend/src/assets/icons/email.svg deleted file mode 100644 index fca904f..0000000 --- a/frontend/src/assets/icons/email.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/key.svg b/frontend/src/assets/icons/key.svg deleted file mode 100644 index 326b03e..0000000 --- a/frontend/src/assets/icons/key.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/icons/visibility.svg b/frontend/src/assets/icons/visibility.svg deleted file mode 100644 index 004f0c5..0000000 --- a/frontend/src/assets/icons/visibility.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/frontend/src/assets/images/HitLogo/HIT-Logo_Blanco_48mm.svg b/frontend/src/assets/images/HitLogo/HIT-Logo_Blanco_48mm.svg deleted file mode 100644 index aa7b667..0000000 --- a/frontend/src/assets/images/HitLogo/HIT-Logo_Blanco_48mm.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/frontend/src/assets/images/Logo.png b/frontend/src/assets/images/Logo.png deleted file mode 100644 index 16e0206..0000000 Binary files a/frontend/src/assets/images/Logo.png and /dev/null differ diff --git a/frontend/src/assets/videos/video.mp4 b/frontend/src/assets/videos/video.mp4 deleted file mode 100644 index 23baf11..0000000 Binary files a/frontend/src/assets/videos/video.mp4 and /dev/null differ diff --git a/frontend/src/components/Base/BTN/Btn.jsx b/frontend/src/components/Base/BTN/Btn.jsx deleted file mode 100644 index 9755fa4..0000000 --- a/frontend/src/components/Base/BTN/Btn.jsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; -import BtnBaseStyled from "./Btn.styled"; - -const BtnComponent = ({ text, bgcolor, fontcolor,...props }) => { - return ( - - {text} - - ); -}; - -export default BtnComponent; diff --git a/frontend/src/components/Base/BTN/Btn.styled.jsx b/frontend/src/components/Base/BTN/Btn.styled.jsx deleted file mode 100644 index 9773520..0000000 --- a/frontend/src/components/Base/BTN/Btn.styled.jsx +++ /dev/null @@ -1,24 +0,0 @@ -import styled from "styled-components"; - -const BtnBaseStyled = styled.button` - cursor: pointer; - border: 1px solid ${({ bgcolor }) => bgcolor}; - background-color: ${({ bgcolor }) => bgcolor}; - color: ${({ fontcolor }) => fontcolor}; - padding: 6px 16px 3px; - border-radius: 5px; - margin: 12px 0; - font-size: 18px; - font-family: "Helvetica55"; - vertical-align: baseline; - transition: all 0.2s linear; - &:hover { - border: 1px solid ${({ bgcolor }) => bgcolor}; - color: ${({ bgcolor }) => bgcolor}; - background-color: ${({ fontcolor }) => fontcolor}; - transition: all 0.2s linear; - } -`; - -export default BtnBaseStyled; - diff --git a/frontend/src/components/Base/ContainerLogin/ContainerLogin.jsx b/frontend/src/components/Base/ContainerLogin/ContainerLogin.jsx deleted file mode 100644 index 38fb109..0000000 --- a/frontend/src/components/Base/ContainerLogin/ContainerLogin.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; -import ContainerLoginStyled from "./ContainerLogin.style"; - -const ContainerLogin = ({ children }) => { - return {children}; -}; - -export default ContainerLogin; - diff --git a/frontend/src/components/Base/ContainerLogin/ContainerLogin.style.jsx b/frontend/src/components/Base/ContainerLogin/ContainerLogin.style.jsx deleted file mode 100644 index 63e2a06..0000000 --- a/frontend/src/components/Base/ContainerLogin/ContainerLogin.style.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import styled from "styled-components"; -const ContainerLoginStyled = styled.div` - width: 100%; - height: 100vh; - display: flex; - flex-direction: row; - align-items: center; -`; -export default ContainerLoginStyled diff --git a/frontend/src/components/Base/Divider/DividerStyle.jsx b/frontend/src/components/Base/Divider/DividerStyle.jsx deleted file mode 100644 index af195d5..0000000 --- a/frontend/src/components/Base/Divider/DividerStyle.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import styled from "styled-components"; -import { color } from "../../../style/varibles"; - -const Divider = styled.span` - position:relative; - left: 28px; - display: block; - width: 19px; - margin: 21px 0; - border: 1px solid ${color.pricinpal.blanco}; - background: ${color.pricinpal.blanco}; - -`; - -export default Divider; - diff --git a/frontend/src/components/Base/Form/FormComponent.jsx b/frontend/src/components/Base/Form/FormComponent.jsx deleted file mode 100644 index b3f5ae0..0000000 --- a/frontend/src/components/Base/Form/FormComponent.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; -import FormComponentStyled from "./FormComponent.style"; - - -const FormComponent = ({ children, ...props }) => { - return {children}; -}; - -export default FormComponent; - diff --git a/frontend/src/components/Base/Form/FormComponent.style.jsx b/frontend/src/components/Base/Form/FormComponent.style.jsx deleted file mode 100644 index 737f157..0000000 --- a/frontend/src/components/Base/Form/FormComponent.style.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import styled from "styled-components"; - -const FormComponentStyled = styled.form` - display: flex; - width: 100%; - flex-direction: column; - align-items: flex-start; -`; - -export default FormComponentStyled; diff --git a/frontend/src/components/Base/Form/Input/InputComponent.style.jsx b/frontend/src/components/Base/Form/Input/InputComponent.style.jsx deleted file mode 100644 index 3ef411b..0000000 --- a/frontend/src/components/Base/Form/Input/InputComponent.style.jsx +++ /dev/null @@ -1,28 +0,0 @@ -import styled from "styled-components"; -import { color } from "../../../../style/varibles"; - -const InputComponentStyled = styled.input` - background-color: ${color.pricinpal.grisOscuro}; - padding: 12px; - font-size: 14px; - font-family: "Helvetica85"; - color: ${color.pricinpal.blanco}; - border: 2px solid ${color.pricinpal.blanco}; - border-radius: 5px; - ::placeholder { - color: ${color.gradient.placeholder}; - } - &:focus { - outline: none; - } -`; - -const InputContainerStyled = styled.div` -width: 100%; - display: flex; - flex-direction: column; - margin: 12px 0; -`; - -export {InputComponentStyled,InputContainerStyled}; - diff --git a/frontend/src/components/Base/Form/Label/LabelComponent.jsx b/frontend/src/components/Base/Form/Label/LabelComponent.jsx deleted file mode 100644 index e5a34ae..0000000 --- a/frontend/src/components/Base/Form/Label/LabelComponent.jsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import LabelComponentStyled from "./LabelComponent.style" - - -const LabelComponent = ({label,forhtml}) => { - return ( - {label} - ) -} - -export default LabelComponent \ No newline at end of file diff --git a/frontend/src/components/Base/Form/Label/LabelComponent.style.jsx b/frontend/src/components/Base/Form/Label/LabelComponent.style.jsx deleted file mode 100644 index 8ce2670..0000000 --- a/frontend/src/components/Base/Form/Label/LabelComponent.style.jsx +++ /dev/null @@ -1,14 +0,0 @@ -import styled from "styled-components"; -import { color } from "../../../../style/varibles"; - -const LabelComponentStyled = styled.label` - color: ${color.pricinpal.blanco}; - text-align: left; - font-size: 16px; - font-family: "Helvetica85"; - text-transform: uppercase; - margin: 6px 0; -`; - -export default LabelComponentStyled; - diff --git a/frontend/src/components/Base/MainContainer/MainContainer.jsx b/frontend/src/components/Base/MainContainer/MainContainer.jsx deleted file mode 100644 index b8bb60d..0000000 --- a/frontend/src/components/Base/MainContainer/MainContainer.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; -import PageTitle from "../../PageTitle/PageTitle"; - - -import MainContainerStyled, { - TitleContainerStyled, - ContentContainerStyled, -} from "./MainContainer.style"; - -const MainContainer = ({ children }) => { - return ( - - - - - {children} - - ); -}; - -export default MainContainer; - diff --git a/frontend/src/components/ConfirmationModal/ConfirmationModal.jsx b/frontend/src/components/ConfirmationModal/ConfirmationModal.jsx deleted file mode 100644 index 0f8d424..0000000 --- a/frontend/src/components/ConfirmationModal/ConfirmationModal.jsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from "react"; -import BtnComponent from "../Base/BTN/Btn"; - -import { - ConfirmationModalStyled, - ModalOverlayStyled, - ModalConfirmationBtns, -} from "./ConfirmationModal.style"; - -import { color } from "../../style/varibles"; - -const ConfirmationModal = ({ children, title, modal, click }) => { - const { handleModal, handleLogout } = click; - return ( - - -

{title}

-

{children}

- - - - - - - ); -}; - -export default ConfirmationModal; - diff --git a/frontend/src/components/ConfirmationModal/ConfirmationModal.style.jsx b/frontend/src/components/ConfirmationModal/ConfirmationModal.style.jsx deleted file mode 100644 index ceec6d9..0000000 --- a/frontend/src/components/ConfirmationModal/ConfirmationModal.style.jsx +++ /dev/null @@ -1,45 +0,0 @@ -import styled from "styled-components"; -import { color } from "../../style/varibles"; - -const ModalOverlayStyled = styled.div` - display: ${({modal}) => (modal ? "flex" : "none")}; - position: absolute; - justify-content: center; - align-items: center; - width: 100%; - height: 100vh; - background-color: #00000050; - z-index: 9999; - top: 0; - right: 0; -`; - -const ConfirmationModalStyled = styled.div` - position: relative; - display: flex; - flex-direction: column; - margin: 0 auto; - padding: 16px; - justify-content: center; - text-align: center; - z-index: 10000; - border-radius: 5px; - background-color: ${color.pricinpal.grisOscuro}; - width: 50%; - h1 { - margin: 16px 0; - } - p { - font-size: 18px; - margin: 16px 0; - } -`; - -const ModalConfirmationBtns = styled.div` - display: flex; - flex-direction: row; - justify-content: space-evenly; -`; - -export { ConfirmationModalStyled, ModalOverlayStyled, ModalConfirmationBtns }; - diff --git a/frontend/src/components/IconsComponents/Icons.jsx b/frontend/src/components/IconsComponents/Icons.jsx deleted file mode 100644 index f9e00be..0000000 --- a/frontend/src/components/IconsComponents/Icons.jsx +++ /dev/null @@ -1,11 +0,0 @@ -//Choice Icon by name in list -import React from "react"; - - -const Icons = ({ icon }) => { - console.log(icon); - return null; -}; - -export default Icons; - diff --git a/frontend/src/components/LoadingScreen/Loading.jsx b/frontend/src/components/LoadingScreen/Loading.jsx deleted file mode 100644 index ca2e960..0000000 --- a/frontend/src/components/LoadingScreen/Loading.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; - -import LoadingStyled from "./Loading.style" - -const Loading = () => { - return ; -}; - -export default Loading; diff --git a/frontend/src/components/LoadingScreen/Loading.style.jsx b/frontend/src/components/LoadingScreen/Loading.style.jsx deleted file mode 100644 index c816907..0000000 --- a/frontend/src/components/LoadingScreen/Loading.style.jsx +++ /dev/null @@ -1,55 +0,0 @@ -import styled from "styled-components"; - -import {color} from "../../style/varibles" - -import logo from "../../assets/images/Logo.png"; - - - -const LoadingStyled = styled.div` - position: relative; - width: 100%; - height: 100vh; - background-color: #00000032; - display: flex; - text-align: center; - justify-items: center; - align-items: center; - &:after { - content: ""; - display: block; - margin: 0 auto; - border: 16px solid transparent; - border-top: 16px solid ${color.pricinpal.naranja}; - border-bottom: 16px solid ${color.pricinpal.grisOscuro}; - border-radius: 50%; - width: 220px; - height: 220px; - animation: spin 2s linear infinite; - } - &:before { - content: url(${logo}); - position: absolute; - display: block; - left: 0; - right: 0; - margin-left: auto; - margin-right: auto; - background-color: white; - padding: 24px; - border-radius: 50%; - width: 200px; - height: 200px; - } - @keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } -`; - -export default LoadingStyled; - diff --git a/frontend/src/components/LoginComponents/AvatarCompany/AvatarBlock.style.jsx b/frontend/src/components/LoginComponents/AvatarCompany/AvatarBlock.style.jsx deleted file mode 100644 index c32d356..0000000 --- a/frontend/src/components/LoginComponents/AvatarCompany/AvatarBlock.style.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import styled from "styled-components"; -import logo from "../../../assets/images/Logo.png"; - -const AvatarBlock = styled.div` -display: flex; -justify-content: center; -background-image: url(${logo}); -background-size: contain; -background-repeat: no-repeat; -background-color: white; -border-radius: 50%; -width: 45px; -height: 45px; -`; - -export default AvatarBlock; \ No newline at end of file diff --git a/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.jsx b/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.jsx deleted file mode 100644 index bdb0028..0000000 --- a/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from "react"; - -import AvatarLoginStyle from "./AvatarLogin.style"; -import AvatarBlock from "./AvatarBlock.style"; -import H1Title from "./H1Title.style"; - -const AvatarLogin = () => { - return ( - - - OmniHit - - ); -}; - -export default AvatarLogin; - diff --git a/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.style.jsx b/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.style.jsx deleted file mode 100644 index 8cb97d9..0000000 --- a/frontend/src/components/LoginComponents/AvatarCompany/AvatarLogin.style.jsx +++ /dev/null @@ -1,10 +0,0 @@ -import styled from "styled-components"; - -const AvatarLoginStyle = styled.div` - display: flex; - flex-direction: row; - align-items: center; - gap: 16px; -`; - -export default AvatarLoginStyle; diff --git a/frontend/src/components/LoginComponents/AvatarCompany/H1Title.style.jsx b/frontend/src/components/LoginComponents/AvatarCompany/H1Title.style.jsx deleted file mode 100644 index a846670..0000000 --- a/frontend/src/components/LoginComponents/AvatarCompany/H1Title.style.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import styled from "styled-components"; - -const H1Title = styled.h1` - font-size: 32px; - font-family: "Helvetica85"; - text-transform: uppercase; -`; -export default H1Title \ No newline at end of file diff --git a/frontend/src/components/LoginComponents/CompanyLogo/Company.jsx b/frontend/src/components/LoginComponents/CompanyLogo/Company.jsx deleted file mode 100644 index 74a493c..0000000 --- a/frontend/src/components/LoginComponents/CompanyLogo/Company.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from "react"; - -import CompanyStyled from "./Company.style"; - -import { ReactComponent as Hit46mm } from "../../../assets/images/HitLogo/HIT-Logo_Blanco_48mm.svg"; - -const Company = () => { - return ( - - -

Copyright Ⓒ 2022 HIT Communications. Todos os Direitos Reservados

- - ); -}; - -export default Company; - diff --git a/frontend/src/components/LoginComponents/CompanyLogo/Company.style.jsx b/frontend/src/components/LoginComponents/CompanyLogo/Company.style.jsx deleted file mode 100644 index 19381cc..0000000 --- a/frontend/src/components/LoginComponents/CompanyLogo/Company.style.jsx +++ /dev/null @@ -1,19 +0,0 @@ -import styled from "styled-components"; - -const CompanyStyled = styled.div` - position: absolute; - display: flex; - flex-direction: column; - justify-content: right; - align-items: flex-end; - width: 100%; - right: 16px; - bottom: 16px; - font-size: 10px; - p{ - font-family: "Helvetica85"; - } -`; - -export default CompanyStyled; - diff --git a/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.jsx b/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.jsx deleted file mode 100644 index a7ae3b7..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; -import BtnSubmitStyled from "./BtnSubmit.style"; - -const BtnSubmit = ({ submit }) => { - return Login; -}; - -export default BtnSubmit; - diff --git a/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.style.jsx b/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.style.jsx deleted file mode 100644 index 4c22e11..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/Btn/BtnSubmit.style.jsx +++ /dev/null @@ -1,20 +0,0 @@ -import styled from "styled-components"; - -import { color } from "../../../../style/varibles"; - -const BtnSubmitStyled = styled.button` - cursor: pointer; - width: 342px; - padding: 12px; - margin-top: 16px; - background-color: ${color.complement.azulCielo}; - color: ${color.pricinpal.blanco}; - border: none; - border-radius: 6px; - font-size: 14px; - font-family: "Helvetica55"; - box-shadow: -1px 0px 8px 0px rgba(255,255,255,.25); -`; - -export default BtnSubmitStyled; - diff --git a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputBlock.style.jsx b/frontend/src/components/LoginComponents/LoginForm/Inputs/InputBlock.style.jsx deleted file mode 100644 index a87f470..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputBlock.style.jsx +++ /dev/null @@ -1,19 +0,0 @@ -import styled from "styled-components"; - -import { color } from "../../../../style/varibles"; - -const InputBlockStyled = styled.div` - width: 320px; - display: flex; - flex-direction: row; - background: ${color.complement.azulOscuro}; - color: ${color.complement.azulCielo}; - font-size: 11px; - margin: 8px 0; - padding: 12px; - border: none; - border-radius: 5px; - gap: 12px; -`; - -export default InputBlockStyled; \ No newline at end of file diff --git a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.jsx b/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.jsx deleted file mode 100644 index cb74ea7..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.jsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -import { ReactComponent as EmailIcon } from "../../../../assets/icons/email.svg"; -import { ReactComponent as KeyIcon } from "../../../../assets/icons/key.svg"; -import { ReactComponent as VisibilityIcon } from "../../../../assets/icons/visibility.svg"; - -import InputBlockStyled from "./InputBlock.style"; -import InputComponentStyled from "./InputComponent.style"; - -const InputComponent = ({ name, type, placeholder, icon, ...props }) => { - const [password, setPassword] = React.useState(true); - - if (name === "email") { - return ( - - - - - ); - } else { - return ( - - - - setPassword(!password)} /> - - ); - } -}; -export default InputComponent; - diff --git a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.style.jsx b/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.style.jsx deleted file mode 100644 index 4e6c60d..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/Inputs/InputComponent.style.jsx +++ /dev/null @@ -1,12 +0,0 @@ -import styled from "styled-components"; -import { color } from "../../../../style/varibles"; - -const InputComponentStyled = styled.input` - width: 100%; - background: transparent; - border: none; - color: ${color.complement.azulCielo}; -`; - -export default InputComponentStyled; - diff --git a/frontend/src/components/LoginComponents/LoginForm/LoginBlock.style.jsx b/frontend/src/components/LoginComponents/LoginForm/LoginBlock.style.jsx deleted file mode 100644 index 1d4f8c4..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/LoginBlock.style.jsx +++ /dev/null @@ -1,9 +0,0 @@ -import styled from "styled-components"; - -const LoginBlockStyled = styled.div` - width: 100%; - display: flex; - flex-direction: column; -`; -export default LoginBlockStyled; - diff --git a/frontend/src/components/LoginComponents/LoginForm/LoginForm.jsx b/frontend/src/components/LoginComponents/LoginForm/LoginForm.jsx deleted file mode 100644 index 1a3d0b2..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/LoginForm.jsx +++ /dev/null @@ -1,41 +0,0 @@ -import React from "react"; - -import AvatarLogin from "../AvatarCompany/AvatarLogin"; -import BtnSubmit from "./Btn/BtnSubmit"; -import InputComponent from "./Inputs/InputComponent"; - -import LoginBlockStyled from "./LoginBlock.style"; -import LoginFormStyled from "./LoginForm.style"; - -const LoginForm = ({ user,password, handlSubmit, handleChangeInput }) => { - return ( - - - - - - {/*! Esqueceu a senha é relevante? */} - - - - ); -}; - -export default LoginForm; - diff --git a/frontend/src/components/LoginComponents/LoginForm/LoginForm.style.jsx b/frontend/src/components/LoginComponents/LoginForm/LoginForm.style.jsx deleted file mode 100644 index 980c06a..0000000 --- a/frontend/src/components/LoginComponents/LoginForm/LoginForm.style.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import styled from "styled-components"; - -const LoginFormStyled = styled.form` - display: flex; - flex-direction: column; - margin-top: 16px; -`; -export default LoginFormStyled; diff --git a/frontend/src/components/Menu/MenuBottom.jsx b/frontend/src/components/Menu/MenuBottom.jsx deleted file mode 100644 index d3b49f3..0000000 --- a/frontend/src/components/Menu/MenuBottom.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; -import { ReactComponent as LogoHit } from "../../assets/icons/Logohit.svg"; -import MenuBottomStyled from "./MenuBottom.style"; - -const MenuBottom = ({ hover }) => { - return ( - - -

Copyright © 2022 HIT Communications. Todos os direitos reservados.

- - ); -}; - -export default MenuBottom; - diff --git a/frontend/src/components/Menu/MenuBottom.style.jsx b/frontend/src/components/Menu/MenuBottom.style.jsx deleted file mode 100644 index 3bd6f34..0000000 --- a/frontend/src/components/Menu/MenuBottom.style.jsx +++ /dev/null @@ -1,31 +0,0 @@ -import styled from "styled-components"; - -import { color } from "../../style/varibles"; - -const MenuBottomStyled = styled.div` - display: flex; - position: absolute; - left: 12px; - bottom: 16px; - z-index: 100; - svg { - max-width: 51px; - max-height: 51px; - min-width: 51px; - min-height: 51px; - } - p { - display: block; - width: 129px; - align-items: center; - margin-left: 12px; - font-family: "Helvetica55"; - font-size: 10px; - color: ${color.pricinpal.blanco}; - display: ${({ hover }) => (hover ? "flex" : "none")}; - opacity: ${({ hover }) => (hover ? "1" : "0")}; - } -`; - -export default MenuBottomStyled; - diff --git a/frontend/src/components/Menu/MenuComponent.jsx b/frontend/src/components/Menu/MenuComponent.jsx deleted file mode 100644 index 047aedc..0000000 --- a/frontend/src/components/Menu/MenuComponent.jsx +++ /dev/null @@ -1,83 +0,0 @@ -import React from "react"; - -import { WhatsAppsContext } from "../../context/WhatsApp/WhatsAppsContext"; -import { AuthContext } from "../../context/Auth/AuthContext"; - -import { MenuStyled, MenuListStyled } from "./MenuComponent.style"; - -import { ReactComponent as Tickets } from "../../assets/icons/Menu/Whatsapp.svg"; -import { ReactComponent as Contact } from "../../assets/icons/Menu/Contact.svg"; -import { ReactComponent as Reminder } from "../../assets/icons/Menu/Send.svg"; -import { ReactComponent as FastAanswer } from "../../assets/icons/Menu/Mensage.svg"; -import { ReactComponent as Users } from "../../assets/icons/Menu/Peoplealt.svg"; -import { ReactComponent as Rows } from "../../assets/icons/Menu/Accounttree.svg"; -import { ReactComponent as Conetions } from "../../assets/icons/Menu/Swap.svg"; -import { ReactComponent as Dashboard } from "../../assets/icons/Menu/Dashboard.svg"; -import { ReactComponent as FastResumes } from "../../assets/icons/Menu/Graph.svg"; -import { ReactComponent as Super } from "../../assets/icons/Menu/Super.svg"; -import { ReactComponent as Configuration } from "../../assets/icons/Menu/Configuration.svg"; - -import VideoComponent from "../VideoTag/VideoComponent"; -import MenuItem from "./MenuItem"; -import Divider from "../Base/Divider/DividerStyle"; -import MenuBottom from "./MenuBottom"; -import MenuTop from "./MenuTop"; - -const MenuComponent = () => { - const [hover, setHover] = React.useState(false); - const { whatsApps } = React.useContext(WhatsAppsContext); - const { user } = React.useContext(AuthContext); - const [connectionWarning, setConnectionWarning] = React.useState(false); - - const HoverMenu = () => { - setHover(!hover); - }; - - React.useEffect(() => { - const delayDebounceFn = setTimeout(() => { - if (whatsApps.length > 0) { - const offlineWhats = whatsApps.filter((whats) => { - return ( - whats.status === "qrcode" || - whats.status === "PAIRING" || - whats.status === "DISCONNECTED" || - whats.status === "TIMEOUT" || - whats.status === "OPENING" - ); - }); - if (offlineWhats.length > 0) { - setConnectionWarning(true); - } else { - setConnectionWarning(false); - } - } - }, 2000); - return () => clearTimeout(delayDebounceFn); - }, [whatsApps]); - - return ( - - - - - } text="Tickets" to="/tickets" hover={hover} /> - } text="Contatos" to="/contacts" hover={hover} /> - } text="Lembretes" to="/schedulesReminder" hover={hover} /> - } text="Respostas" to="" hover={hover} /> - - } text="Usuários" to="/users" hover={hover} /> - } text="Filas" to="/Queues" hover={hover} /> - } text="Conexões" to="/connections" hover={hover} /> - } text="Dashboard" to="/" hover={hover} /> - } text="Relatórios" to="report" hover={hover} /> - } text="Supervisão" to="" hover={hover} /> - - } text="Configurações" to="/Settings" hover={hover} /> - - - - ); -}; - -export default MenuComponent; - diff --git a/frontend/src/components/Menu/MenuItem.jsx b/frontend/src/components/Menu/MenuItem.jsx deleted file mode 100644 index 27cb391..0000000 --- a/frontend/src/components/Menu/MenuItem.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; -import { Link as RouterLink } from "react-router-dom"; - -import { MenuListItemStyled } from "./MenuComponent.style"; - -const MenuItem = ({ icon, text, to, hover }) => { - const RenderLink = React.useMemo( - () => React.forwardRef((itemProps, ref) => ), - [to] - ); - return ( - - - {icon ? icon : ""} -

{text ? text : ""}

- - - ); -}; - -export default MenuItem; - diff --git a/frontend/src/components/Menu/MenuTop.jsx b/frontend/src/components/Menu/MenuTop.jsx deleted file mode 100644 index dd75487..0000000 --- a/frontend/src/components/Menu/MenuTop.jsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from "react"; -import img from "../../assets/images/Logo.png"; - -import { MenuTopStyled, MenuTopFrameStyled, MenuTitle } from "./MenuTop.style"; - -const MenuTop = ({hover}) => { - return ( - - - - - OmniHit - - ); -}; - -export default MenuTop; - diff --git a/frontend/src/components/Menu/MenuTop.style.jsx b/frontend/src/components/Menu/MenuTop.style.jsx deleted file mode 100644 index d84a42d..0000000 --- a/frontend/src/components/Menu/MenuTop.style.jsx +++ /dev/null @@ -1,28 +0,0 @@ -import styled from "styled-components"; - -import { color } from "../../style/varibles"; - -const MenuTopStyled = styled.div` - display: flex; - flex-direction: row; -`; -const MenuTopFrameStyled = styled.div` - min-width: 60px; - max-width: 60px; - padding: 8px; - background-color: ${color.pricinpal.blanco}; -`; - -const MenuTitle = styled.p` - display: ${({ hover }) => (hover ? "flex" : "none")}; - margin-left: 12px; - align-items: center; - font-family: "Helvetica55"; - color: ${color.pricinpal.naranja}; - font-size: 28px; - text-transform: capitalize; - text-align: center; -`; - -export { MenuTopStyled, MenuTopFrameStyled, MenuTitle }; - diff --git a/frontend/src/components/PageTitle/PageTitle.jsx b/frontend/src/components/PageTitle/PageTitle.jsx deleted file mode 100644 index 6ba57c1..0000000 --- a/frontend/src/components/PageTitle/PageTitle.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; -import { PageTitleStyled } from "./PageTitle.style"; - -import UserBtn from "./UserBtn/UserBtn"; - -import { AuthContext } from "../../context/Auth/AuthContext"; -import logo from "../../assets/images/Logo.png"; - -const PageTitle = () => { - const [modal, setModal] = React.useState(false); - const { user } = React.useContext(AuthContext); - - const handleModal = () => { - setModal(!modal); - }; - return ( - -

PageTitle

- - - ); -}; - -export default PageTitle; - diff --git a/frontend/src/components/PageTitle/UserBtn/UserItem.jsx b/frontend/src/components/PageTitle/UserBtn/UserItem.jsx deleted file mode 100644 index e243ad9..0000000 --- a/frontend/src/components/PageTitle/UserBtn/UserItem.jsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from "react"; -import { UserModalItemStyled } from "../PageTitle.style"; - -const UserItem = ({ icon, title, onClick }) => { - return ( - - {icon} - {title} - - ); -}; - -export default UserItem; - diff --git a/frontend/src/components/VideoTag/VideoComponent.jsx b/frontend/src/components/VideoTag/VideoComponent.jsx deleted file mode 100644 index 76bd1ce..0000000 --- a/frontend/src/components/VideoTag/VideoComponent.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; - -import StyleVideo from "./VideoComponent.style"; -import bgvideo from "../../assets/videos/video.mp4"; - -const VideoComponent = ({ width, zIndex,position, ...props }) => { - return ( - - - - ); -}; - -export default VideoComponent; - diff --git a/frontend/src/components/VideoTag/VideoComponent.style.jsx b/frontend/src/components/VideoTag/VideoComponent.style.jsx deleted file mode 100644 index cb7b77e..0000000 --- a/frontend/src/components/VideoTag/VideoComponent.style.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import styled from "styled-components"; - -const StyleVideo = styled.video` - position: ${(props) => (props.position === "relative" ? "relative" : "absolute")}; - z-index: ${(props) => props.zIndex}; - width: ${(props) => props.width}; - height: 100vh; - object-fit: cover; - filter: grayscale(1) brightness(0.3); - margin-right: 60px; - @media screen and (max-width: 992px) { - display: none; - } -`; - -export default StyleVideo; - diff --git a/frontend/src/context/Auth/AuthContext.js b/frontend/src/context/Auth/AuthContext.js index 8b4487d..09cffd5 100644 --- a/frontend/src/context/Auth/AuthContext.js +++ b/frontend/src/context/Auth/AuthContext.js @@ -6,6 +6,9 @@ const AuthContext = createContext(); const AuthProvider = ({ children }) => { const { loading, user, isAuth, handleLogin, handleLogout } = useAuth(); + + //{console.log('authContext teste: ', user)} + return ( - - - , - document.getElementById("root") + + + , + document.getElementById("root") ); // ReactDOM.render( @@ -21,4 +20,3 @@ ReactDOM.render( // document.getElementById("root") // ); - diff --git a/frontend/src/layout/MainListItems.OLD.js b/frontend/src/layout/MainListItems.OLD.js deleted file mode 100644 index 68327f2..0000000 --- a/frontend/src/layout/MainListItems.OLD.js +++ /dev/null @@ -1,145 +0,0 @@ -import React, { useContext, useEffect, useState } from "react"; -import { Link as RouterLink } from "react-router-dom"; - -import ListItem from "@material-ui/core/ListItem"; -import ListItemIcon from "@material-ui/core/ListItemIcon"; -import ListItemText from "@material-ui/core/ListItemText"; -import ListSubheader from "@material-ui/core/ListSubheader"; -import Divider from "@material-ui/core/Divider"; -import { Badge } from "@material-ui/core"; -import DashboardOutlinedIcon from "@material-ui/icons/DashboardOutlined"; - -import ReportOutlinedIcon from "@material-ui/icons/ReportOutlined"; -import SendOutlined from "@material-ui/icons/SendOutlined"; - -//import ReportOutlined from "@bit/mui-org.material-ui-icons.report-outlined"; - -import WhatsAppIcon from "@material-ui/icons/WhatsApp"; -import SyncAltIcon from "@material-ui/icons/SyncAlt"; -import SettingsOutlinedIcon from "@material-ui/icons/SettingsOutlined"; -import PeopleAltOutlinedIcon from "@material-ui/icons/PeopleAltOutlined"; -import ContactPhoneOutlinedIcon from "@material-ui/icons/ContactPhoneOutlined"; -import AccountTreeOutlinedIcon from "@material-ui/icons/AccountTreeOutlined"; -import QuestionAnswerOutlinedIcon from "@material-ui/icons/QuestionAnswerOutlined"; - -import { i18n } from "../translate/i18n"; -import { WhatsAppsContext } from "../context/WhatsApp/WhatsAppsContext"; -import { AuthContext } from "../context/Auth/AuthContext"; -import { Can } from "../components/Can"; - -function ListItemLink(props) { - const { icon, primary, to, className } = props; - - const renderLink = React.useMemo( - () => React.forwardRef((itemProps, ref) => ), - [to] - ); - - return ( -
  • - - {icon ? {icon} : null} - - -
    • - ); -} - -const MainListItems = (props) => { - const { drawerClose } = props; - const { whatsApps } = useContext(WhatsAppsContext); - const { user } = useContext(AuthContext); - const [connectionWarning, setConnectionWarning] = useState(false); - - useEffect(() => { - const delayDebounceFn = setTimeout(() => { - if (whatsApps.length > 0) { - const offlineWhats = whatsApps.filter((whats) => { - return ( - whats.status === "qrcode" || - whats.status === "PAIRING" || - whats.status === "DISCONNECTED" || - whats.status === "TIMEOUT" || - whats.status === "OPENING" - ); - }); - if (offlineWhats.length > 0) { - setConnectionWarning(true); - } else { - setConnectionWarning(false); - } - } - }, 2000); - return () => clearTimeout(delayDebounceFn); - }, [whatsApps]); - - return ( -
    - } - /> - - } - /> - } /> - } - /> - ( - <> - - {i18n.t("mainDrawer.listItems.administration")} - } - /> - } - /> - - - - - } - /> - - } /> - - } /> - - ( - } - /> - )} - /> - - )} - /> -
    - ); -}; - -export default MainListItems; diff --git a/frontend/src/layout/MainListItems.js b/frontend/src/layout/MainListItems.js index e079637..c524b76 100644 --- a/frontend/src/layout/MainListItems.js +++ b/frontend/src/layout/MainListItems.js @@ -1,6 +1,28 @@ import React, { useContext, useEffect, useState } from "react"; import { Link as RouterLink } from "react-router-dom"; +import ListItem from "@material-ui/core/ListItem"; +import ListItemIcon from "@material-ui/core/ListItemIcon"; +import ListItemText from "@material-ui/core/ListItemText"; +import ListSubheader from "@material-ui/core/ListSubheader"; +import Divider from "@material-ui/core/Divider"; +import { Badge } from "@material-ui/core"; +import DashboardOutlinedIcon from "@material-ui/icons/DashboardOutlined"; + +import ReportOutlinedIcon from "@material-ui/icons/ReportOutlined"; +import SendOutlined from '@material-ui/icons/SendOutlined'; + +//import ReportOutlined from "@bit/mui-org.material-ui-icons.report-outlined"; + + +import WhatsAppIcon from "@material-ui/icons/WhatsApp"; +import SyncAltIcon from "@material-ui/icons/SyncAlt"; +import SettingsOutlinedIcon from "@material-ui/icons/SettingsOutlined"; +import PeopleAltOutlinedIcon from "@material-ui/icons/PeopleAltOutlined"; +import ContactPhoneOutlinedIcon from "@material-ui/icons/ContactPhoneOutlined"; +import AccountTreeOutlinedIcon from "@material-ui/icons/AccountTreeOutlined"; +import QuestionAnswerOutlinedIcon from "@material-ui/icons/QuestionAnswerOutlined"; + import { i18n } from "../translate/i18n"; import { WhatsAppsContext } from "../context/WhatsApp/WhatsAppsContext"; import { AuthContext } from "../context/Auth/AuthContext"; @@ -10,14 +32,25 @@ function ListItemLink(props) { const { icon, primary, to, className } = props; const renderLink = React.useMemo( - () => React.forwardRef((itemProps, ref) => ), + () => + React.forwardRef((itemProps, ref) => ( + + )), [to] ); - + return ( +
  • + + {icon ? {icon} : null} + + +
    • + ); } const MainListItems = (props) => { + const { drawerClose } = props; const { whatsApps } = useContext(WhatsAppsContext); const { user } = useContext(AuthContext); const [connectionWarning, setConnectionWarning] = useState(false); @@ -45,9 +78,90 @@ const MainListItems = (props) => { }, [whatsApps]); return ( -
      -
    • -
    +
    + + + } + /> + + } + /> + } + /> + } + /> + ( + <> + + + {i18n.t("mainDrawer.listItems.administration")} + + } + /> + } + /> + + + + + } + /> + + } + /> + + } + /> + + + ( + } + /> + )} + /> + + + + )} + /> +
    ); }; diff --git a/frontend/src/layout/index.OLD.js b/frontend/src/layout/index.OLD.js deleted file mode 100644 index e4228b4..0000000 --- a/frontend/src/layout/index.OLD.js +++ /dev/null @@ -1,271 +0,0 @@ -import React, { useState, useContext, useEffect } from "react"; -import clsx from "clsx"; - -import { - makeStyles, - Drawer, - AppBar, - Toolbar, - List, - Typography, - Divider, - MenuItem, - IconButton, - Menu, -} from "@material-ui/core"; - -import MenuIcon from "@material-ui/icons/Menu"; -import ChevronLeftIcon from "@material-ui/icons/ChevronLeft"; -import AccountCircle from "@material-ui/icons/AccountCircle"; - -import MainListItems from "./MainListItems"; -import NotificationsPopOver from "../components/NotificationsPopOver"; -import UserModal from "../components/UserModal"; -import { AuthContext } from "../context/Auth/AuthContext"; -import BackdropLoading from "../components/BackdropLoading"; -import { i18n } from "../translate/i18n"; - - -const drawerWidth = 240; - -const useStyles = makeStyles((theme) => ({ - root: { - display: "flex", - height: "100vh", - [theme.breakpoints.down("sm")]: { - height: "calc(100vh - 56px)", - }, - }, - - toolbar: { - paddingRight: 24, // keep right padding when drawer closed - }, - toolbarIcon: { - display: "flex", - alignItems: "center", - justifyContent: "flex-end", - padding: "0 8px", - minHeight: "48px", - }, - appBar: { - zIndex: theme.zIndex.drawer + 1, - transition: theme.transitions.create(["width", "margin"], { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.leavingScreen, - }), - }, - appBarShift: { - marginLeft: drawerWidth, - width: `calc(100% - ${drawerWidth}px)`, - transition: theme.transitions.create(["width", "margin"], { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.enteringScreen, - }), - }, - menuButton: { - marginRight: 36, - }, - menuButtonHidden: { - display: "none", - }, - title: { - flexGrow: 1, - }, - drawerPaper: { - position: "relative", - whiteSpace: "nowrap", - width: drawerWidth, - transition: theme.transitions.create("width", { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.enteringScreen, - }), - }, - drawerPaperClose: { - overflowX: "hidden", - transition: theme.transitions.create("width", { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.leavingScreen, - }), - width: theme.spacing(7), - [theme.breakpoints.up("sm")]: { - width: theme.spacing(9), - }, - }, - appBarSpacer: { - minHeight: "48px", - }, - content: { - flex: 1, - overflow: "auto", - }, - container: { - paddingTop: theme.spacing(4), - paddingBottom: theme.spacing(4), - }, - paper: { - padding: theme.spacing(2), - display: "flex", - overflow: "auto", - flexDirection: "column", - }, -})); - -const LoggedInLayout = ({ children }) => { - const classes = useStyles(); - const [userModalOpen, setUserModalOpen] = useState(false); - const [anchorEl, setAnchorEl] = useState(null); - const [menuOpen, setMenuOpen] = useState(false); - const { handleLogout, loading } = useContext(AuthContext); - const [drawerOpen, setDrawerOpen] = useState(true); - const [drawerVariant, setDrawerVariant] = useState("permanent"); - const { user } = useContext(AuthContext); - - useEffect(() => { - if (document.body.offsetWidth > 600) { - setDrawerOpen(true); - } - }, []); - - useEffect(() => { - if (document.body.offsetWidth < 600) { - setDrawerVariant("temporary"); - } else { - setDrawerVariant("permanent"); - } - }, [drawerOpen]); - - const handleMenu = (event) => { - setAnchorEl(event.currentTarget); - setMenuOpen(true); - }; - - const handleCloseMenu = () => { - setAnchorEl(null); - setMenuOpen(false); - }; - - const handleOpenUserModal = () => { - setUserModalOpen(true); - handleCloseMenu(); - }; - - const handleClickLogout = () => { - handleCloseMenu(); - handleLogout(); - }; - - const drawerClose = () => { - if (document.body.offsetWidth < 600) { - setDrawerOpen(false); - } - }; - - if (loading) { - return ; - } - - return ( -
    - -
    - setDrawerOpen(!drawerOpen)}> - - -
    - - - - - -     - setUserModalOpen(false)} - userId={user?.id} - /> - - - setDrawerOpen(!drawerOpen)} - className={clsx( - classes.menuButton, - drawerOpen && classes.menuButtonHidden - )} - > - - - - - OMNIHIT - - - {user.id && } - -
    - - - - - - {i18n.t("mainDrawer.appBar.user.profile")} - - - {i18n.t("mainDrawer.appBar.user.logout")} - - -
    -     -     -
    -
    - - {children ? children : null} -
    -
    - ); -}; - -export default LoggedInLayout; diff --git a/frontend/src/layout/index.js b/frontend/src/layout/index.js index bf1bdec..ce410d0 100644 --- a/frontend/src/layout/index.js +++ b/frontend/src/layout/index.js @@ -1,28 +1,271 @@ -import React from "react"; +import React, { useState, useContext, useEffect } from "react"; +import clsx from "clsx"; -import Loading from "../components/LoadingScreen/Loading"; -import MainContainer from "../components/Base/MainContainer/MainContainer"; +import { + makeStyles, + Drawer, + AppBar, + Toolbar, + List, + Typography, + Divider, + MenuItem, + IconButton, + Menu, +} from "@material-ui/core"; + +import MenuIcon from "@material-ui/icons/Menu"; +import ChevronLeftIcon from "@material-ui/icons/ChevronLeft"; +import AccountCircle from "@material-ui/icons/AccountCircle"; + +import MainListItems from "./MainListItems"; +import NotificationsPopOver from "../components/NotificationsPopOver"; +import UserModal from "../components/UserModal"; import { AuthContext } from "../context/Auth/AuthContext"; +import BackdropLoading from "../components/BackdropLoading"; import { i18n } from "../translate/i18n"; -import MenuComponent from "../components/Menu/MenuComponent"; + +//import MailLogo from '../assets/logo.jpg'; + +const drawerWidth = 240; + +const useStyles = makeStyles((theme) => ({ + root: { + display: "flex", + height: "100vh", + [theme.breakpoints.down("sm")]: { + height: "calc(100vh - 56px)", + }, + }, + + toolbar: { + paddingRight: 24, // keep right padding when drawer closed + }, + toolbarIcon: { + display: "flex", + alignItems: "center", + justifyContent: "flex-end", + padding: "0 8px", + minHeight: "48px", + }, + appBar: { + zIndex: theme.zIndex.drawer + 1, + transition: theme.transitions.create(["width", "margin"], { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.leavingScreen, + }), + }, + appBarShift: { + marginLeft: drawerWidth, + width: `calc(100% - ${drawerWidth}px)`, + transition: theme.transitions.create(["width", "margin"], { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.enteringScreen, + }), + }, + menuButton: { + marginRight: 36, + }, + menuButtonHidden: { + display: "none", + }, + title: { + flexGrow: 1, + }, + drawerPaper: { + position: "relative", + whiteSpace: "nowrap", + width: drawerWidth, + transition: theme.transitions.create("width", { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.enteringScreen, + }), + }, + drawerPaperClose: { + overflowX: "hidden", + transition: theme.transitions.create("width", { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.leavingScreen, + }), + width: theme.spacing(7), + [theme.breakpoints.up("sm")]: { + width: theme.spacing(9), + }, + }, + appBarSpacer: { + minHeight: "48px", + }, + content: { + flex: 1, + overflow: "auto", + }, + container: { + paddingTop: theme.spacing(4), + paddingBottom: theme.spacing(4), + }, + paper: { + padding: theme.spacing(2), + display: "flex", + overflow: "auto", + flexDirection: "column", + }, +})); const LoggedInLayout = ({ children }) => { - const { handleLogout, loading, isAuth } = React.useContext(AuthContext); - const logout = (e) => { + const classes = useStyles(); + const [userModalOpen, setUserModalOpen] = useState(false); + const [anchorEl, setAnchorEl] = useState(null); + const [menuOpen, setMenuOpen] = useState(false); + const { handleLogout, loading } = useContext(AuthContext); + const [drawerOpen, setDrawerOpen] = useState(false); + const [drawerVariant, setDrawerVariant] = useState("permanent"); + const { user } = useContext(AuthContext); + + useEffect(() => { + if (document.body.offsetWidth > 600) { + setDrawerOpen(true); + } + }, []); + + useEffect(() => { + if (document.body.offsetWidth < 600) { + setDrawerVariant("temporary"); + } else { + setDrawerVariant("permanent"); + } + }, [drawerOpen]); + + const handleMenu = (event) => { + setAnchorEl(event.currentTarget); + setMenuOpen(true); + }; + + const handleCloseMenu = () => { + setAnchorEl(null); + setMenuOpen(false); + }; + + const handleOpenUserModal = () => { + setUserModalOpen(true); + handleCloseMenu(); + }; + + const handleClickLogout = () => { + handleCloseMenu(); handleLogout(); }; - const { user } = React.useContext(AuthContext); + const drawerClose = () => { + if (document.body.offsetWidth < 600) { + setDrawerOpen(false); + } + }; if (loading) { - return ; + return ; } return ( - <> - - {children ? children : null} - +
    + +
    + setDrawerOpen(!drawerOpen)}> + + +
    + + + + + +     + setUserModalOpen(false)} + userId={user?.id} + /> + + + setDrawerOpen(!drawerOpen)} + className={clsx( + classes.menuButton, + drawerOpen && classes.menuButtonHidden + )} + > + + + + + OMNIHIT + + + {user.id && } + +
    + + + + + + {i18n.t("mainDrawer.appBar.user.profile")} + + + {i18n.t("mainDrawer.appBar.user.logout")} + + +
    +     +     +
    +
    + + {children ? children : null} +
    +
    ); }; diff --git a/frontend/src/pages/Login/index.js b/frontend/src/pages/Login/index.js index 217eb3f..dd372f6 100644 --- a/frontend/src/pages/Login/index.js +++ b/frontend/src/pages/Login/index.js @@ -1,13 +1,28 @@ -import React from "react"; -import { AuthContext } from "../../context/Auth/AuthContext"; +import React, { useState, useContext } from "react"; +import { Link as RouterLink } from "react-router-dom"; + +import { + Avatar, + Button, + CssBaseline, + TextField, + Grid, + Box, + Typography, + Container, + InputAdornment, + IconButton, + Link +} from '@material-ui/core'; + +import { /*LockOutlined,*/ PersonOutlineOutlined, Visibility, VisibilityOff } from '@material-ui/icons'; + +import { makeStyles } from "@material-ui/core/styles"; + import { i18n } from "../../translate/i18n"; -import ContainerLogin from "../../components/Base/ContainerLogin/ContainerLogin"; -import VideoComponent from "../../components/VideoTag/VideoComponent"; -import LoginForm from "../../components/LoginComponents/LoginForm/LoginForm"; -import Company from "../../components/LoginComponents/CompanyLogo/Company"; +import { AuthContext } from "../../context/Auth/AuthContext"; -//! Can i Delete this comment above? // const Copyright = () => { // return ( // @@ -21,30 +36,33 @@ import Company from "../../components/LoginComponents/CompanyLogo/Company"; // ); // }; -// const useStyles = makeStyles((theme) => ({ -// paper: { -// marginTop: theme.spacing(8), -// display: "flex", -// flexDirection: "column", -// alignItems: "center", -// }, -// avatar: { -// margin: theme.spacing(1), -// backgroundColor: theme.palette.secondary.main, -// }, -// form: { -// width: "100%", // Fix IE 11 issue. -// marginTop: theme.spacing(1), -// }, -// submit: { -// margin: theme.spacing(3, 0, 2), -// }, -// })); +const useStyles = makeStyles((theme) => ({ + paper: { + marginTop: theme.spacing(8), + display: "flex", + flexDirection: "column", + alignItems: "center", + }, + avatar: { + margin: theme.spacing(1), + backgroundColor: theme.palette.secondary.main, + }, + form: { + width: "100%", // Fix IE 11 issue. + marginTop: theme.spacing(1), + }, + submit: { + margin: theme.spacing(3, 0, 2), + }, +})); const Login = () => { - const [user, setUser] = React.useState({ email: "", password: "" }); + const classes = useStyles(); - const { handleLogin } = React.useContext(AuthContext); + const [user, setUser] = useState({ email: "", password: "" }); + const [showPassword, setShowPassword] = useState(false); + + const { handleLogin } = useContext(AuthContext); const handleChangeInput = (e) => { setUser({ ...user, [e.target.name]: e.target.value }); @@ -56,16 +74,84 @@ const Login = () => { }; return ( - - - - - + + +
    + + + + + + + + {i18n.t("login.title")} + +
    + + + setShowPassword((e) => !e)} + > + {showPassword ? : } + + + ) + }} + /> + + + + + + {/* {i18n.t("login.buttons.register")} */} + + + + + +
    + {/* */} +     ); }; diff --git a/frontend/src/pages/Tickets/index.js b/frontend/src/pages/Tickets/index.js index 461145a..80eb909 100644 --- a/frontend/src/pages/Tickets/index.js +++ b/frontend/src/pages/Tickets/index.js @@ -15,9 +15,8 @@ const useStyles = makeStyles((theme) => ({ flex: 1, // // backgroundColor: "#eee", // padding: theme.spacing(4), - height: `100%`, + height: `calc(100% - 48px)`, overflowY: "hidden", - borderRadius: "5px", }, chatPapper: { @@ -76,7 +75,9 @@ const Chat = () => { item xs={12} md={4} - className={ticketId ? classes.contactsWrapperSmall : classes.contactsWrapper} + className={ + ticketId ? classes.contactsWrapperSmall : classes.contactsWrapper + } > diff --git a/frontend/src/routes/Route.js b/frontend/src/routes/Route.js index 788501e..fab61b3 100644 --- a/frontend/src/routes/Route.js +++ b/frontend/src/routes/Route.js @@ -2,7 +2,7 @@ import React, { useContext } from "react"; import { Route as RouterRoute, Redirect } from "react-router-dom"; import { AuthContext } from "../context/Auth/AuthContext"; -import Loading from "../components/LoadingScreen/Loading" +import BackdropLoading from "../components/BackdropLoading"; const Route = ({ component: Component, isPrivate = false, ...rest }) => { const { isAuth, loading } = useContext(AuthContext); @@ -10,7 +10,7 @@ const Route = ({ component: Component, isPrivate = false, ...rest }) => { if (!isAuth && isPrivate) { return ( <> - {loading && } + {loading && } ); @@ -19,7 +19,7 @@ const Route = ({ component: Component, isPrivate = false, ...rest }) => { if (isAuth && !isPrivate) { return ( <> - {loading && } + {loading && } ; ); @@ -27,7 +27,7 @@ const Route = ({ component: Component, isPrivate = false, ...rest }) => { return ( <> - {loading && } + {loading && } ); diff --git a/frontend/src/routes/index.js b/frontend/src/routes/index.js index 431140c..ad0b229 100644 --- a/frontend/src/routes/index.js +++ b/frontend/src/routes/index.js @@ -8,9 +8,9 @@ import Dashboard from "../pages/Dashboard/"; import Report from "../pages/Report/"; import SchedulesReminder from "../pages/SchedulesReminder/"; -import Login from "../pages/Login/"; -import Signup from "../pages/Signup/"; import Tickets from "../pages/Tickets/"; +import Signup from "../pages/Signup/"; +import Login from "../pages/Login/"; import Connections from "../pages/Connections/"; import Settings from "../pages/Settings/"; import Users from "../pages/Users"; diff --git a/frontend/src/style/GlobalStyle.jsx b/frontend/src/style/GlobalStyle.jsx deleted file mode 100644 index 42c8aea..0000000 --- a/frontend/src/style/GlobalStyle.jsx +++ /dev/null @@ -1,113 +0,0 @@ -import { createGlobalStyle } from "styled-components"; -import { texts, color } from "./varibles"; - -import Helvetica55 from "../assets/fonts/Helvetica_Neue_LT_Pro-Roman.otf"; -import Helvetica25 from "../assets/fonts/Helvetica_Neue_LT_Pro-UltraLight.otf"; -import Helvetica45 from "../assets/fonts/Helvetica_Neue_LT_Pro-Light.otf"; -import Helvetica56 from "../assets/fonts/Helvetica_Neue_LT_Pro-Italic.otf"; -import Helvetica85 from "../assets/fonts/Helvetica_Neue_LT_Pro-Heavy.otf"; -import Helvetica95 from "../assets/fonts/Helvetica_Neue_LT_Pro-Black.otf"; - -const GlobalStyled = createGlobalStyle` -//RESET -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - - -//FONTS -@font-face { - font-family: "Helvetica55"; - font-style: normal; - font-size: 12px; - src: url(${Helvetica55}) format('truetype'); -} -@font-face { - font-family: "Helvetica25"; - font-style: normal; - src: url(${Helvetica25}) format('truetype'); -} -@font-face { - font-family: "Helvetica45"; - font-style: normal; - src: url(${Helvetica45}) format('truetype'); -} -@font-face { - font-family: "Helvetica56"; - font-style: normal; - src: url(${Helvetica56}) format('truetype'); -} -@font-face { - font-family: "Helvetica85"; - font-style: normal; - src: url(${Helvetica85}) format('truetype'); -} -@font-face { - font-family: "Helvetica95"; - font-style: normal; - src: url(${Helvetica95}) format('truetype'); -} - -//Patterns -html{ - overflow: hidden; - height: 100vh; -} -h1{ - ${texts.h1} - color: ${color.pricinpal.blanco} -}; -h2{ - ${texts.h2} - color: ${color.pricinpal.blanco} -} -p{ - ${texts.p14} - color: ${color.pricinpal.blanco} -} -body{ - background: linear-gradient(to bottom, ${color.gradient.bgOpacity} 40% , ${color.complement.azulOscuro} 100%, ${color.complement.azulOscuro} 100%); -} -`; - -export default GlobalStyled; - diff --git a/frontend/src/style/varibles.jsx b/frontend/src/style/varibles.jsx deleted file mode 100644 index ecf66e6..0000000 --- a/frontend/src/style/varibles.jsx +++ /dev/null @@ -1,60 +0,0 @@ -export const texts = { - h1: { - fontSize: "28px", - paddingTop: "6px", - fontFamily: "Helvetica55", - }, - h1Login: { - fontSize: "32px", - paddingTop: "6px", - fontFamily: "Helvetica85", - }, - h2: { - fontSize: "21px", - paddingTop: "6px", - fontFamily: "Helvetica55", - }, - p18: { - fontSize: "18px", - fontFamily: "Helvetica55", - }, - p16: { - fontSize: "16px", - fontFamily: "Helvetica55", - }, - p14: { - fontSize: "14px", - fontFamily: "Helvetica55", - }, - p14UnderLine: { - fontSize: "14px", - textDecoretion: "underline", - fontFamily: "Helvetica55", - }, -}; - -export const color = { - pricinpal: { - naranja: "#FF7A00", - grisOscuro: "#3C3C3B", - blanco: "#FFFFFF", - }, - complement:{ - azulCielo: "#55A5DC", - azulOscuro: "#212F3C", - crisClaro: "#F6F6F6", - }, - status:{ - no: "#FF0000", - yes: "#00BE1E", - warning: "#FFC700" - }, - gradient:{ - bgOpacity:"#212F3CD8", - placeholder:"#ffffff83" - }, - shadow:{ - dark:"2px 2px 4px 2px" - } -}; -