diff --git a/src/NODE_ISSUES.txt b/src/NODE_ISSUES.txt new file mode 100644 index 0000000..4f92516 --- /dev/null +++ b/src/NODE_ISSUES.txt @@ -0,0 +1,32 @@ +Issue: + +opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], +library: 'digital envelope routines', +reason: 'unsupported', +code: 'ERR_OSSL_EVP_UNSUPPORTED' + +Here are two options now - + + Try to uninstall Node.js version 17+ and reinstall Node.js version 16+ + +1. You can re-install the current LTS Node.js version from their Official site. Or more specific downloads from here; + +2. You can use NVM (Node Version Manager) + + Linux and Mac users can use this nvm package link + Windows users can use this nvm package link + + Open a terminal and paste these as described: + + Linux and macOS (Windows Git Bash)- + + export NODE_OPTIONS=--openssl-legacy-provider + + Windows command prompt- + + set NODE_OPTIONS=--openssl-legacy-provider + + Windows PowerShell- + + $env:NODE_OPTIONS = "--openssl-legacy-provider" + diff --git a/src/public/alert.mp3 b/src/public/alert.mp3 new file mode 100644 index 0000000..ebf4380 Binary files /dev/null and b/src/public/alert.mp3 differ diff --git a/src/public/global.css b/src/public/global.css index 54f09fa..87d3818 100644 --- a/src/public/global.css +++ b/src/public/global.css @@ -1 +1 @@ -::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#cbcbcb;outline:2px solid #fff;outline-offset:-2px;border:.1px solid #b7b7b7}::-webkit-scrollbar-thumb:hover{background-color:#909090}iframe{display:none !important}body{background-color:#0c0b10 !important}body .MuiButton-root.MuiButton-contained,body .MuiTab-root.Mui-selected{border-radius:5px;background-color:#664eff}body .MuiButton-root.MuiButton-contained:hover,body .MuiTab-root.Mui-selected:hover{filter:brightness(0.7);transform:none !important}body .swal2-modal{background-color:#000 !important;border:1px solid #fff;color:#fff !important}body #root{min-height:100vh}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root{border-radius:0}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root .MuiListItemIcon-root{background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root .MuiListItemIcon-root svg{fill:#fff !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root.css-wac2lw{border-left:3px solid #664eff;background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root.css-wac2lw:hover{background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root:hover{background-color:#151419 !important;color:#fff !important}body #root .css-8t2800,body #root .css-8t2800 .MuiInputBase-root,body #root .css-8t2800 input,body #root .css-19i8cn2,body #root .css-19i8cn2 input,body #root .css-19i8cn2 .MuiInputBase-root{border:none;border-radius:5px;background:#151419 !important}body #root .css-8t2800 .css-unz5y7,body #root .css-8t2800 .MuiInputBase-root .css-unz5y7,body #root .css-8t2800 input .css-unz5y7,body #root .css-19i8cn2 .css-unz5y7,body #root .css-19i8cn2 input .css-unz5y7,body #root .css-19i8cn2 .MuiInputBase-root .css-unz5y7{color:#fff !important}body #root .css-8t2800 .css-unz5y7 .MuiIcon-root,body #root .css-8t2800 .MuiInputBase-root .css-unz5y7 .MuiIcon-root,body #root .css-8t2800 input .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 input .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 .MuiInputBase-root .css-unz5y7 .MuiIcon-root{color:#fff !important}body #root header.MuiAppBar-root{border-radius:5px}@media screen and (max-width: 600px){body #root .css-141xdzq{justify-content:end}body #root .css-1edr710{display:none}}body #root .Card-Root{background:#151419 !important;border-radius:5px}body #root .Card-Fix{border-radius:5px}body #root .Configurator{background:#151419 !important}body #root .css-1lcz7bp-MuiPaper-root-MuiCard-root .css-uo81m3{background:rgba(0,0,0,0) !important}/*# sourceMappingURL=global.css.map */ \ No newline at end of file +::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#cbcbcb;outline:2px solid #fff;outline-offset:-2px;border:.1px solid #b7b7b7}::-webkit-scrollbar-thumb:hover{background-color:#909090}iframe{display:none !important}body{background-color:#0c0b10 !important}body .MuiButton-root.MuiButton-contained,body .MuiTab-root.Mui-selected{border-radius:5px;background-color:#664eff}body .MuiButton-root.MuiButton-contained:hover,body .MuiTab-root.Mui-selected:hover{filter:brightness(0.7);transform:none !important}body #root{min-height:100vh}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root{border-radius:0}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root .MuiListItemIcon-root{background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root .MuiListItemIcon-root svg{fill:#fff !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root.css-wac2lw{border-left:3px solid #664eff;background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root.css-wac2lw:hover{background-color:#151419 !important}body #root .css-1cjsu7f-MuiPaper-root-MuiDrawer-paper .MuiList-root .MuiBox-root:hover{background-color:#151419 !important;color:#fff !important}body #root .css-8t2800,body #root .css-8t2800 .MuiInputBase-root,body #root .css-8t2800 input,body #root .css-19i8cn2,body #root .css-19i8cn2 input,body #root .css-19i8cn2 .MuiInputBase-root{border:none;border-radius:5px;background:#151419 !important}body #root .css-8t2800 .css-unz5y7,body #root .css-8t2800 .MuiInputBase-root .css-unz5y7,body #root .css-8t2800 input .css-unz5y7,body #root .css-19i8cn2 .css-unz5y7,body #root .css-19i8cn2 input .css-unz5y7,body #root .css-19i8cn2 .MuiInputBase-root .css-unz5y7{color:#fff !important}body #root .css-8t2800 .css-unz5y7 .MuiIcon-root,body #root .css-8t2800 .MuiInputBase-root .css-unz5y7 .MuiIcon-root,body #root .css-8t2800 input .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 input .css-unz5y7 .MuiIcon-root,body #root .css-19i8cn2 .MuiInputBase-root .css-unz5y7 .MuiIcon-root{color:#fff !important}body #root header.MuiAppBar-root{border-radius:5px}@media screen and (max-width: 600px){body #root .css-141xdzq{justify-content:end}body #root .css-1edr710{display:none}}body #root .Card-Root{background:#151419 !important;border-radius:5px}body #root .Card-Fix{border-radius:5px}body #root .Configurator{background:#151419 !important}body #root .css-1lcz7bp-MuiPaper-root-MuiCard-root .css-uo81m3{background:rgba(0,0,0,0) !important}body #AlarmImage{position:fixed;top:10vh;right:-100%;z-index:9999;background:rgba(21,20,25,.5) !important;border-radius:0 !important;border-left:3px solid #664eff;transition:all .3s}body #AlarmImage.active{right:20px}body #AlarmImage:hover{background:#151419 !important}body #AlarmImage .layout{padding:10px 50px 10px 10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}body #AlarmImage .btn{width:100%;display:flex}body #AlarmImage .btn a{flex:1;padding:5px;font-size:12px;color:#fff !important;text-align:center;cursor:pointer}body #AlarmImage .btn a.c{background-color:rgba(30,31,35,.5)}body #AlarmImage .btn a.c:hover{background-color:#1e1f23}body #AlarmImage .btn a.v{background-color:rgba(102,78,255,.5)}body #AlarmImage .btn a.v:hover{background-color:#664eff}body #AlarmImage ion-icon{color:#ffea00;font-size:20px;margin:0 20px 0 5px}body #AlarmImage h4{font-size:14px;color:#fff !important}body #AlarmImage p{font-size:12px;color:#fff !important}/*# sourceMappingURL=global.css.map */ \ No newline at end of file diff --git a/src/public/global.css.map b/src/public/global.css.map index 087a3c2..24b6363 100644 --- a/src/public/global.css.map +++ b/src/public/global.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.scss"],"names":[],"mappings":"AAIA,oBACC,UAAA,CAGD,gCACC,qBAAA,CAGD,0BACC,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,yBAAA,CAGD,gCACC,wBAAA,CAGD,OACI,uBAAA,CAEJ,KACI,mCAAA,CACA,wEACI,iBAAA,CACA,wBA3BW,CA4BX,oFAEI,sBAAA,CACA,yBAAA,CAGR,kBACI,gCAAA,CACA,qBAAA,CACA,qBAAA,CAEJ,WACI,gBAAA,CAIQ,iFACI,eAAA,CACA,uGACI,mCAAA,CACA,2GACI,oBAAA,CAMR,4FACI,6BAAA,CACA,mCAAA,CACA,kGACI,mCAAA,CAIR,uFACI,mCAAA,CACA,qBAAA,CAMhB,+LACI,WAAA,CACA,iBAAA,CACA,6BAAA,CACA,uQAII,qBAAA,CAHA,2VACI,qBAAA,CAKZ,iCACI,iBAAA,CAIJ,qCACI,wBACI,mBAAA,CAEJ,wBACI,YAAA,CAAA,CAKR,sBACI,6BAAA,CACA,iBAAA,CAEJ,qBACI,iBAAA,CAEJ,yBACI,6BAAA,CAGA,+DACI,mCAAA","file":"global.css"} \ No newline at end of file +{"version":3,"sources":["global.scss"],"names":[],"mappings":"AAIA,oBACC,UAAA,CAGD,gCACC,qBAAA,CAGD,0BACC,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,yBAAA,CAGD,gCACC,wBAAA,CAKD,OACI,uBAAA,CAEJ,KACI,mCAAA,CACA,wEACI,iBAAA,CACA,wBA7BW,CA8BX,oFAEI,sBAAA,CACA,yBAAA,CAGR,WACI,gBAAA,CAIQ,iFACI,eAAA,CACA,uGACI,mCAAA,CACA,2GACI,oBAAA,CAMR,4FACI,6BAAA,CACA,mCAAA,CACA,kGACI,mCAAA,CAIR,uFACI,mCAAA,CACA,qBAAA,CAMhB,+LACI,WAAA,CACA,iBAAA,CACA,6BAAA,CACA,uQAII,qBAAA,CAHA,2VACI,qBAAA,CAKZ,iCACI,iBAAA,CAIJ,qCACI,wBACI,mBAAA,CAEJ,wBACI,YAAA,CAAA,CAKR,sBACI,6BAAA,CACA,iBAAA,CAEJ,qBACI,iBAAA,CAEJ,yBACI,6BAAA,CAGA,+DACI,mCAAA,CAMZ,iBACI,cAAA,CACA,QAAA,CACA,WAAA,CACA,YAAA,CAEA,uCAAA,CACA,0BAAA,CACA,6BAAA,CACA,kBAAA,CACA,wBACI,UAAA,CAEJ,uBACI,6BAAA,CAKJ,yBACI,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CAEJ,sBACI,UAAA,CACA,YAAA,CACA,wBACI,MAAA,CACA,WAAA,CACA,cAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,0BACI,kCAAA,CACA,gCACI,wBAAA,CAGR,0BACI,oCAAA,CACA,gCACI,wBA7JL,CAkKX,0BACI,aAAA,CACA,cAAA,CACA,mBAAA,CAGJ,oBACI,cAAA,CACA,qBAAA,CAEJ,mBACI,cAAA,CACA,qBAAA","file":"global.css"} \ No newline at end of file diff --git a/src/public/global.scss b/src/public/global.scss index e7db2ce..ffed5a8 100644 --- a/src/public/global.scss +++ b/src/public/global.scss @@ -20,7 +20,9 @@ $highlight-color2: #664eff; ::-webkit-scrollbar-thumb:hover{ background-color: #909090; } - +* { + // box-sizing: border-box; +} iframe { display: none !important; } @@ -62,7 +64,7 @@ body { &:hover { background-color: $primary-color !important; } - + } &:hover { background-color: $primary-color !important; @@ -71,7 +73,7 @@ body { } } } - // Header + // Header .css-8t2800, .css-8t2800 .MuiInputBase-root, .css-8t2800 input, .css-19i8cn2, .css-19i8cn2 input, .css-19i8cn2 .MuiInputBase-root{ border: none; border-radius: 5px; @@ -113,6 +115,72 @@ body { background: transparent !important; } } - + + } + + #AlarmImage { + position: fixed; + top: 10vh; + right: -100%; + z-index: 9999; + // background-color: $secondary-color; + background: rgba($primary-color, 0.5) !important; + border-radius: 0 !important; + border-left: 3px solid $highlight-color2; + transition: all 0.3s; + &.active { + right: 20px; + } + &:hover { + background: rgba($primary-color, 1) !important; + // border: 0.5px solid #fff; + // border-left: 3px solid $highlight-color2; + } + + .layout { + padding: 10px 50px 10px 10px; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; + } + .btn { + width: 100%; + display: flex; + a { + flex: 1; + padding: 5px; + font-size: 12px; + color: white !important; + text-align: center; + cursor: pointer; + &.c { + background-color: rgba(#1e1f23, 0.5); + &:hover { + background-color: #1e1f23; + } + } + &.v { + background-color: rgba($highlight-color2, 0.5); + &:hover { + background-color: $highlight-color2; + } + } + } + } + ion-icon { + color: #FFEA00; + font-size: 20px; + margin: 0 20px 0 5px; + + } + h4 { + font-size: 14px; + color: white !important; + } + p { + font-size: 12px; + color: white !important; + } } } \ No newline at end of file diff --git a/src/public/index.html b/src/public/index.html index 08d5beb..1cdc495 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -37,4 +37,28 @@
+ + + + diff --git a/src/public/script.js b/src/public/script.js new file mode 100644 index 0000000..bf50028 --- /dev/null +++ b/src/public/script.js @@ -0,0 +1,87 @@ +const audio = new Audio("/alert.mp3"); +let AlarmImageObj = { + status: false, + dic: "", + url: "" +}; +class AlarmImage { + static show(dic, url, auto = true) { + // Play sound ./alert.mp3 + audio.play(); + document.querySelector(".AlarmDroneDIC").innerHTML = dic; + + // Show alert + document.querySelector("#AlarmImage").classList.add("active"); + + AlarmImageObj.status = true; + AlarmImageObj.dic = dic; + AlarmImageObj.url = url; + + // Auto hide + if (auto) { + setTimeout(() => { + this.hide(); + }, 5000); + } + } + static hide() { + // Stop sound + audio.pause(); + audio.currentTime = 0; + + // Hide alert + document.querySelector("#AlarmImage").classList.remove("active"); + + AlarmImageObj.status = false; + AlarmImageObj.dic = ""; + AlarmImageObj.url = ""; + } +} + +function onChangeRenderEvent(url) { + if (url.includes("/map")) { + //!TODO: Implementar la funcionalidad de la alarma, mostrar la imagen + } +} + + +document.addEventListener("DOMContentLoaded", () => { + document.querySelector("#AlarmImage .btn .c").addEventListener("click", () => { + AlarmImage.hide(); + }); + document.querySelector("#AlarmImage .btn .v").addEventListener("click", () => { + AlarmImage.hide(); + }); + + // + let previousUrl = window.location.href; + + // setInterval(function() { + // const currentUrl = window.location.href; + // if (currentUrl !== previousUrl) { + // // La URL ha cambiado + // onChangeRenderEvent(currentUrl); + // // Aquí puedes ejecutar tus funciones necesarias. + // previousUrl = currentUrl; + // } + + // // Verificar si hay una alarma activa + // DRONES.forEach(el => { + // fetch(`${HOST}/alarm/${el.dic}`, + // { + // method: 'GET', + // headers: { + // Authorization: `Bearer ${el.key}` + // } + // }) + // .then(response => response.json()) + // .then(data => { + // if (data.status === true) { + // AlarmImage.show(data.dic, false); + // } + // }) + // }); + + // }, 1000); // Verificar cada segundo + +}); \ No newline at end of file diff --git a/src/src/App.js b/src/src/App.js index b3ae248..a4f4332 100644 --- a/src/src/App.js +++ b/src/src/App.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState, useEffect/*, useMemo */} from "react"; @@ -15,12 +15,12 @@ import CssBaseline from "@mui/material/CssBaseline"; // Oroneta example components import Sidenav from "examples/Sidenav"; -import Configurator from "examples/Configurator"; // Oroneta themes import theme from "assets/theme"; // import themeRTL from "assets/theme/theme-rtl"; +import AlarmImage from 'examples/Alarm'; // Oroneta routes import routes from "routes"; @@ -117,11 +117,11 @@ export default function App() { onMouseEnter={handleOnMouseEnter} onMouseLeave={handleOnMouseLeave} /> - {/* configsButton */} + )} - {layout === "vr" && } + {layout === "vr" && } {getRoutes(routes)} diff --git a/src/src/components/VuiAlert/index.js b/src/src/components/VuiAlert/index.js index 0d5153a..dfa8068 100644 --- a/src/src/components/VuiAlert/index.js +++ b/src/src/components/VuiAlert/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState } from "react"; diff --git a/src/src/components/VuiAvatar/index.js b/src/src/components/VuiAvatar/index.js index 75c679e..4712436 100644 --- a/src/src/components/VuiAvatar/index.js +++ b/src/src/components/VuiAvatar/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/components/VuiBadge/index.js b/src/src/components/VuiBadge/index.js index b807e0d..9001ca6 100644 --- a/src/src/components/VuiBadge/index.js +++ b/src/src/components/VuiBadge/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/components/VuiButton/VuiButtonRoot.js b/src/src/components/VuiButton/VuiButtonRoot.js index 26a9e48..8566e5b 100644 --- a/src/src/components/VuiButton/VuiButtonRoot.js +++ b/src/src/components/VuiButton/VuiButtonRoot.js @@ -3,7 +3,6 @@ // @mui material components import Button from "@mui/material/Button"; import { styled } from "@mui/material/styles"; -import linearGradient from "assets/theme/functions/linearGradient"; export default styled(Button)(({ theme, ownerState }) => { const { palette, functions, borders } = theme; diff --git a/src/src/components/VuiInput/index.js b/src/src/components/VuiInput/index.js index 722cd0a..23dcc41 100644 --- a/src/src/components/VuiInput/index.js +++ b/src/src/components/VuiInput/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/components/VuiPagination/index.js b/src/src/components/VuiPagination/index.js index c92d80a..b9ad0d3 100644 --- a/src/src/components/VuiPagination/index.js +++ b/src/src/components/VuiPagination/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef, createContext, useContext } from "react"; diff --git a/src/src/components/VuiProgress/VuiProgressRoot.js b/src/src/components/VuiProgress/VuiProgressRoot.js index 33e778d..836c5e4 100644 --- a/src/src/components/VuiProgress/VuiProgressRoot.js +++ b/src/src/components/VuiProgress/VuiProgressRoot.js @@ -5,22 +5,10 @@ import { styled } from "@mui/material/styles"; import LinearProgress from "@mui/material/LinearProgress"; export default styled(LinearProgress)(({ theme, ownerState }) => { - const { palette, functions } = theme; - const { color, value, variant } = ownerState; + const { palette } = theme; + const { value } = ownerState; - const { text, gradients } = palette; - const { linearGradient } = functions; - - // background value - let backgroundValue; - - // if (variant === "gradient") { - // backgroundValue = gradients[color] - // ? linearGradient(gradients[color].main, gradients[color].state) - // : linearGradient(gradients.info.main, gradients.info.state); - // } else { - // backgroundValue = palette[color] ? palette[color].main : palette.info.main; - // } + const { text } = palette; return { "& .MuiLinearProgress-bar": { diff --git a/src/src/components/VuiProgress/index.js b/src/src/components/VuiProgress/index.js index 0db6954..3a31323 100644 --- a/src/src/components/VuiProgress/index.js +++ b/src/src/components/VuiProgress/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/components/VuiSwitch/VuiSwitchRoot.js b/src/src/components/VuiSwitch/VuiSwitchRoot.js index d7b9589..12cac5e 100644 --- a/src/src/components/VuiSwitch/VuiSwitchRoot.js +++ b/src/src/components/VuiSwitch/VuiSwitchRoot.js @@ -6,7 +6,6 @@ import { styled } from "@mui/material/styles"; export default styled(Switch)(({ theme, ownerState }) => { const { palette } = theme; - const { color } = ownerState; const { white, secondary } = palette; // styles for the button with variant="contained" diff --git a/src/src/components/VuiSwitch/index.js b/src/src/components/VuiSwitch/index.js index edb987e..de2799f 100644 --- a/src/src/components/VuiSwitch/index.js +++ b/src/src/components/VuiSwitch/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/components/VuiTypography/index.js b/src/src/components/VuiTypography/index.js index 443bea9..11fa38d 100644 --- a/src/src/components/VuiTypography/index.js +++ b/src/src/components/VuiTypography/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; diff --git a/src/src/context/AlarmContext.jsx b/src/src/context/AlarmContext.jsx new file mode 100644 index 0000000..4a4a074 --- /dev/null +++ b/src/src/context/AlarmContext.jsx @@ -0,0 +1,20 @@ +import React, { createContext, useContext } from 'react'; + +// Crear un Context +const AlarmDroneActive = createContext(); + +// Crear un Provider +export const AlarmStateProvider = ({ children }) => { + let droneDIC = ''; + + return ( + + {children} + + ); +}; + +// Crear un Hook personalizado para usar el Context +export const useAlarmState = () => { + return useContext(AlarmDroneActive); +}; diff --git a/src/src/context/UserContext.jsx b/src/src/context/UserContext.jsx index e8450eb..cbcd6e9 100644 --- a/src/src/context/UserContext.jsx +++ b/src/src/context/UserContext.jsx @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { createContext } from 'react'; export const UserContext = createContext(); diff --git a/src/src/context/UserProvider.jsx b/src/src/context/UserProvider.jsx index bdd7e5f..6f85560 100644 --- a/src/src/context/UserProvider.jsx +++ b/src/src/context/UserProvider.jsx @@ -1,5 +1,5 @@ // import { useEffect } from "react" -import React, { Component } from 'react'; +import React from 'react'; import { useEffect, useState } from "react"; import { UserContext } from "./UserContext" import Swal from 'sweetalert2'; diff --git a/src/src/context/index.js b/src/src/context/index.js index 9ca756f..90dd285 100644 --- a/src/src/context/index.js +++ b/src/src/context/index.js @@ -2,7 +2,7 @@ This file is used for controlling the global states of the components, you can customize the states for the different components here. */ -import React, { Component } from 'react'; +import React from 'react'; import { createContext, useContext, useEffect, useReducer, useState } from "react"; // prop-types is a library for typechecking of props @@ -32,9 +32,6 @@ function reducer(state, action) { case "FIXED_NAVBAR": { return { ...state, fixedNavbar: action.value }; } - case "OPEN_CONFIGURATOR": { - return { ...state, openConfigurator: action.value }; - } case "DIRECTION": { return { ...state, direction: action.value }; } diff --git a/src/src/examples/Alarm/index.js b/src/src/examples/Alarm/index.js new file mode 100644 index 0000000..1888ae2 --- /dev/null +++ b/src/src/examples/Alarm/index.js @@ -0,0 +1,32 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +const AlarmImage = () => { + + return ( +
+
+ +
+

New alarm

+

+ has detected an alarm image +

+ {/* Click to view more */} +
+
+
+ Close + + View + +
+
+ ); +}; + +export default AlarmImage; diff --git a/src/src/examples/Breadcrumbs/index.js b/src/src/examples/Breadcrumbs/index.js index 1583a90..02dc483 100644 --- a/src/src/examples/Breadcrumbs/index.js +++ b/src/src/examples/Breadcrumbs/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // react-router-dom components import { Link } from "react-router-dom"; diff --git a/src/src/examples/Cards/InfoCards/ProfileInfoCard/index.js b/src/src/examples/Cards/InfoCards/ProfileInfoCard/index.js index 9775818..9250ea2 100644 --- a/src/src/examples/Cards/InfoCards/ProfileInfoCard/index.js +++ b/src/src/examples/Cards/InfoCards/ProfileInfoCard/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is library for typechecking of props @@ -13,7 +13,6 @@ import VuiBox from "components/VuiBox"; import VuiTypography from "components/VuiTypography"; // Oroneta base styles -import colors from "assets/theme/base/colors"; import typography from "assets/theme/base/typography"; function ProfileInfoCard({ title, description, info, social }) { diff --git a/src/src/examples/Cards/MasterCard/index.js b/src/src/examples/Cards/MasterCard/index.js index 416094a..8d867e5 100644 --- a/src/src/examples/Cards/MasterCard/index.js +++ b/src/src/examples/Cards/MasterCard/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props // @mui material components diff --git a/src/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js b/src/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js index 4f2560b..3a6dfed 100644 --- a/src/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js +++ b/src/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js @@ -1,5 +1,5 @@ -import React, { Component } from 'react'; +import React from 'react'; // react-router-dom components import { Link } from "react-router-dom"; diff --git a/src/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js b/src/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js index 7ce1cf1..0f33f9b 100644 --- a/src/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js +++ b/src/src/examples/Cards/StatisticsCards/MiniStatisticsCard/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Charts/BarCharts/BarChart.js b/src/src/examples/Charts/BarCharts/BarChart.js index 262f9cd..b4d9226 100644 --- a/src/src/examples/Charts/BarCharts/BarChart.js +++ b/src/src/examples/Charts/BarCharts/BarChart.js @@ -1,6 +1,6 @@ -import React, { Component } from "react"; +import React, {Component} from "react"; import Chart from "react-apexcharts"; class BarChart extends Component { diff --git a/src/src/examples/Configurator/ConfiguratorRoot.js b/src/src/examples/Configurator/ConfiguratorRoot.js deleted file mode 100644 index a05ddfc..0000000 --- a/src/src/examples/Configurator/ConfiguratorRoot.js +++ /dev/null @@ -1,51 +0,0 @@ -import React, { Component } from 'react'; - -// @mui material components -import Drawer from "@mui/material/Drawer"; -import { styled } from "@mui/material/styles"; - -export default styled(Drawer)(({ theme, ownerState }) => { - const { boxShadows, functions, transitions, palette } = theme; - const { openConfigurator } = ownerState; - - const { gradients } = palette; - const configuratorWidth = 360; - const { lg } = boxShadows; - const { pxToRem, linearGradient } = functions; - - // drawer styles when openConfigurator={true} - const drawerOpenStyles = () => ({ - width: configuratorWidth, - left: "initial", - right: 0, - transition: transitions.create("right", { - easing: transitions.easing.sharp, - duration: transitions.duration.short, - }), - }); - - // drawer styles when openConfigurator={false} - const drawerCloseStyles = () => ({ - left: "initial", - right: pxToRem(-350), - transition: transitions.create("all", { - easing: transitions.easing.sharp, - duration: transitions.duration.short, - }), - }); - - return { - "& .MuiDrawer-paper": { - backdropFilter: `blur(120px)`, - background: "rgba(30, 31, 35, 0.5)", - - height: "100vh", - margin: 0, - padding: `0 ${pxToRem(10)}`, - borderRadius: 0, - boxShadow: lg, - overflowY: "auto", - ...(openConfigurator ? drawerOpenStyles() : drawerCloseStyles()), - }, - }; -}); diff --git a/src/src/examples/Configurator/index.js b/src/src/examples/Configurator/index.js deleted file mode 100644 index bd0bf73..0000000 --- a/src/src/examples/Configurator/index.js +++ /dev/null @@ -1,276 +0,0 @@ - -import React, { Component } from 'react'; -import { useState, useEffect } from "react"; - -// react-github-btn -import GitHubButton from "react-github-btn"; - -// @mui material components -import Divider from "@mui/material/Divider"; -import IconButton from "@mui/material/IconButton"; -import Link from "@mui/material/Link"; -import Icon from "@mui/material/Icon"; - -// @mui icons -import TwitterIcon from "@mui/icons-material/Twitter"; -import FacebookIcon from "@mui/icons-material/Facebook"; - -// Oroneta components -import VuiBox from "components/VuiBox"; -import VuiTypography from "components/VuiTypography"; -import VuiButton from "components/VuiButton"; -import VuiSwitch from "components/VuiSwitch"; - -// Custom styles for the Configurator -import ConfiguratorRoot from "examples/Configurator/ConfiguratorRoot"; - -// Oroneta context -import { - useVisionUIController, - setOpenConfigurator, - setTransparentSidenav, - setFixedNavbar, - setSidenavColor, -} from "context"; - -function Configurator() { - const [controller, dispatch] = useVisionUIController(); - const { openConfigurator, transparentSidenav, fixedNavbar, sidenavColor } = controller; - const [disabled, setDisabled] = useState(false); - const sidenavColors = ["primary", "info", "success", "warning", "error"]; - - // Use the useEffect hook to change the button state for the sidenav type based on window size. - useEffect(() => { - // A function that sets the disabled state of the buttons for the sidenav type. - function handleDisabled() { - return window.innerWidth > 1200 ? setDisabled(false) : setDisabled(true); - } - - // The event listener that's calling the handleDisabled function when resizing the window. - window.addEventListener("resize", handleDisabled); - - // Call the handleDisabled function to set the state with the initial value. - handleDisabled(); - - // Remove event listener on cleanup - return () => window.removeEventListener("resize", handleDisabled); - }, []); - - const handleCloseConfigurator = () => setOpenConfigurator(dispatch, false); - const handleTransparentSidenav = () => setTransparentSidenav(dispatch, true); - const handleWhiteSidenav = () => setTransparentSidenav(dispatch, false); - const handleFixedNavbar = () => setFixedNavbar(dispatch, !fixedNavbar); - - // sidenav type buttons styles - const sidenavTypeButtonsStyles = ({ - functions: { pxToRem }, - boxShadows: { buttonBoxShadow }, - }) => ({ - height: pxToRem(42), - boxShadow: buttonBoxShadow.main, - - "&:hover, &:focus": { - opacity: 1, - }, - }); - - return ( - - - - - Dashboard Configurator - - - Change your configuration - - - - ({ - fontSize: `${size.md} !important`, - fontWeight: `${fontWeightBold} !important`, - stroke: `${white.main} !important`, - strokeWidth: "2px", - cursor: "pointer", - mt: 2, - })} - onClick={handleCloseConfigurator} - > - close - - - - - - { /* - - - Sidenav Colors - - - - {sidenavColors.map((color) => ( - ({ - width: "24px", - height: "24px", - padding: 0, - border: `${borderWidth[1]} solid ${white.main}`, - borderColor: sidenavColor === color && dark.main, - transition: transitions.create("border-color", { - easing: transitions.easing.sharp, - duration: transitions.duration.shorter, - }), - backgroundImage: ({ functions: { linearGradient }, palette: { gradients } }) => - linearGradient(gradients[color].main, gradients[color].state), - - "&:not(:last-child)": { - mr: 1, - }, - - "&:hover, &:focus, &:active": { - borderColor: dark.main, - }, - })} - onClick={() => setSidenavColor(dispatch, color)} - /> - ))} - - - {window.innerWidth >= 1440 && ( - - - Sidenav Type - - - Choose between 2 different sidenav types. - - - - - Transparent - - - Opaque - - - - )} - - - - Navbar Fixed - - - - - - - - - - - FREE DOWNLOAD - - - - VIEW DOCUMENTATION - - - - - Star - - - - - - Thank you for sharing! - - - - - - - -   Tweet - - - - -   Share - - - - */} - - ); -} - -export default Configurator; diff --git a/src/src/examples/Footer/index.js b/src/src/examples/Footer/index.js index ca44e5b..935a31b 100644 --- a/src/src/examples/Footer/index.js +++ b/src/src/examples/Footer/index.js @@ -1,5 +1,5 @@ -import React, { Component } from 'react'; +import React from 'react'; // Oroneta components import VuiBox from "components/VuiBox"; import VuiTypography from "components/VuiTypography"; diff --git a/src/src/examples/GradientBorder/index.js b/src/src/examples/GradientBorder/index.js index d42bd5b..e9f0c57 100644 --- a/src/src/examples/GradientBorder/index.js +++ b/src/src/examples/GradientBorder/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // Oroneta components import VuiBox from "components/VuiBox"; diff --git a/src/src/examples/Icons/Mastercard.js b/src/src/examples/Icons/Mastercard.js index 1142036..2809c94 100644 --- a/src/src/examples/Icons/Mastercard.js +++ b/src/src/examples/Icons/Mastercard.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Icons/OronetaLandLogo.js b/src/src/examples/Icons/OronetaLandLogo.js index 30a9bd4..a8ff6b3 100644 --- a/src/src/examples/Icons/OronetaLandLogo.js +++ b/src/src/examples/Icons/OronetaLandLogo.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Icons/OronetaLogo.js b/src/src/examples/Icons/OronetaLogo.js index 68e97ed..54132c6 100644 --- a/src/src/examples/Icons/OronetaLogo.js +++ b/src/src/examples/Icons/OronetaLogo.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Icons/Visa.js b/src/src/examples/Icons/Visa.js index 24f2446..8de2f6a 100644 --- a/src/src/examples/Icons/Visa.js +++ b/src/src/examples/Icons/Visa.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Items/NotificationItem/index.js b/src/src/examples/Items/NotificationItem/index.js index 6461f8f..0644102 100644 --- a/src/src/examples/Items/NotificationItem/index.js +++ b/src/src/examples/Items/NotificationItem/index.js @@ -1,5 +1,5 @@ -import React, { Component } from 'react'; +import React from 'react'; import { forwardRef } from "react"; // prop-types is a library for typechecking of props. @@ -14,7 +14,7 @@ import VuiBox from "components/VuiBox"; import VuiTypography from "components/VuiTypography"; // custom styles for the NotificationItem -import { menuItem, menuImage } from "examples/Items/NotificationItem/styles"; +import { menuItem } from "examples/Items/NotificationItem/styles"; const NotificationItem = forwardRef(({ color, image, title, date, ...rest }, ref) => ( menuItem(theme)}> diff --git a/src/src/examples/Items/NotificationItem/styles.js b/src/src/examples/Items/NotificationItem/styles.js index 4061545..e103bff 100644 --- a/src/src/examples/Items/NotificationItem/styles.js +++ b/src/src/examples/Items/NotificationItem/styles.js @@ -1,7 +1,7 @@ function menuItem(theme) { const { palette, borders, transitions } = theme; - const { text, light } = palette; + const { text } = palette; const { borderRadius } = borders; return { diff --git a/src/src/examples/LayoutContainers/DashboardLayout/index.js b/src/src/examples/LayoutContainers/DashboardLayout/index.js index bb18b2a..f58bcd9 100644 --- a/src/src/examples/LayoutContainers/DashboardLayout/index.js +++ b/src/src/examples/LayoutContainers/DashboardLayout/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useEffect } from "react"; diff --git a/src/src/examples/LayoutContainers/PageLayout/index.js b/src/src/examples/LayoutContainers/PageLayout/index.js index 0e87921..785fabb 100644 --- a/src/src/examples/LayoutContainers/PageLayout/index.js +++ b/src/src/examples/LayoutContainers/PageLayout/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useEffect } from "react"; diff --git a/src/src/examples/Lists/ProfilesList/index.js b/src/src/examples/Lists/ProfilesList/index.js index 78602f6..fcc2d5d 100644 --- a/src/src/examples/Lists/ProfilesList/index.js +++ b/src/src/examples/Lists/ProfilesList/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // react-routers components import { Link } from "react-router-dom"; diff --git a/src/src/examples/Navbars/DashboardNavbar/index.js b/src/src/examples/Navbars/DashboardNavbar/index.js index e6146f3..b4dad3b 100644 --- a/src/src/examples/Navbars/DashboardNavbar/index.js +++ b/src/src/examples/Navbars/DashboardNavbar/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState, useEffect } from "react"; @@ -38,7 +38,6 @@ import { useVisionUIController, setTransparentNavbar, setMiniSidenav, - setOpenConfigurator, } from "context"; // Images @@ -48,7 +47,7 @@ import logoSpotify from "assets/images/small-logos/logo-spotify.svg"; function DashboardNavbar({ absolute, light, isMini }) { const [navbarType, setNavbarType] = useState(); const [controller, dispatch] = useVisionUIController(); - const { miniSidenav, transparentNavbar, fixedNavbar, openConfigurator } = controller; + const { miniSidenav, transparentNavbar, fixedNavbar } = controller; const [openMenu, setOpenMenu] = useState(false); const route = useLocation().pathname.split("/").slice(1); @@ -79,7 +78,6 @@ function DashboardNavbar({ absolute, light, isMini }) { }, [dispatch, fixedNavbar]); const handleMiniSidenav = () => setMiniSidenav(dispatch, !miniSidenav); - const handleConfiguratorOpen = () => setOpenConfigurator(dispatch, !openConfigurator); const handleOpenMenu = (event) => setOpenMenu(event.currentTarget); const handleCloseMenu = () => setOpenMenu(false); diff --git a/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js b/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js index 128e250..1951679 100644 --- a/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js +++ b/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // react-router-dom components import { Link } from "react-router-dom"; diff --git a/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js b/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js index 8dc962a..5430485 100644 --- a/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js +++ b/src/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props. import PropTypes from "prop-types"; diff --git a/src/src/examples/Navbars/DefaultNavbar/index.js b/src/src/examples/Navbars/DefaultNavbar/index.js index a790b7d..6f5cbef 100644 --- a/src/src/examples/Navbars/DefaultNavbar/index.js +++ b/src/src/examples/Navbars/DefaultNavbar/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState, useEffect } from "react"; diff --git a/src/src/examples/Sidenav/SidenavCollapse.js b/src/src/examples/Sidenav/SidenavCollapse.js index bba5585..39255ea 100644 --- a/src/src/examples/Sidenav/SidenavCollapse.js +++ b/src/src/examples/Sidenav/SidenavCollapse.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props. import PropTypes from "prop-types"; diff --git a/src/src/examples/Sidenav/SidenavRoot.js b/src/src/examples/Sidenav/SidenavRoot.js index 64e361e..9ec6d54 100644 --- a/src/src/examples/Sidenav/SidenavRoot.js +++ b/src/src/examples/Sidenav/SidenavRoot.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // @mui material components import Drawer from "@mui/material/Drawer"; import { styled } from "@mui/material/styles"; diff --git a/src/src/examples/Sidenav/index.js b/src/src/examples/Sidenav/index.js index 5fc2ff7..11a3d26 100644 --- a/src/src/examples/Sidenav/index.js +++ b/src/src/examples/Sidenav/index.js @@ -1,5 +1,5 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useEffect } from "react"; @@ -18,7 +18,6 @@ import Icon from "@mui/material/Icon"; // Oroneta components import VuiBox from "components/VuiBox"; import VuiTypography from "components/VuiTypography"; -import VuiButton from "components/VuiButton"; // Oroneta example components import SidenavCollapse from "examples/Sidenav/SidenavCollapse"; diff --git a/src/src/examples/Tables/Table/index.js b/src/src/examples/Tables/Table/index.js index c4d8136..a0df594 100644 --- a/src/src/examples/Tables/Table/index.js +++ b/src/src/examples/Tables/Table/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useMemo } from "react"; diff --git a/src/src/examples/Timeline/TimelineItem/index.js b/src/src/examples/Timeline/TimelineItem/index.js index 5cf4df7..06aaf3e 100644 --- a/src/src/examples/Timeline/TimelineItem/index.js +++ b/src/src/examples/Timeline/TimelineItem/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Timeline/TimelineList/index.js b/src/src/examples/Timeline/TimelineList/index.js index e536107..d73a0a8 100644 --- a/src/src/examples/Timeline/TimelineList/index.js +++ b/src/src/examples/Timeline/TimelineList/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/examples/Timeline/context/index.js b/src/src/examples/Timeline/context/index.js index 1545fb3..c9bcabd 100644 --- a/src/src/examples/Timeline/context/index.js +++ b/src/src/examples/Timeline/context/index.js @@ -4,7 +4,7 @@ /** This file is used for controlling the dark and light state of the TimelineList and TimelineItem. */ -import React, { Component } from 'react'; +import React from 'react'; import { createContext, useContext } from "react"; // The Timeline main context diff --git a/src/src/layouts/authentication/components/CoverLayout/index.js b/src/src/layouts/authentication/components/CoverLayout/index.js index 9107d42..682e51a 100644 --- a/src/src/layouts/authentication/components/CoverLayout/index.js +++ b/src/src/layouts/authentication/components/CoverLayout/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/layouts/authentication/components/Footer/index.js b/src/src/layouts/authentication/components/Footer/index.js index 3d50045..2c97fe0 100644 --- a/src/src/layouts/authentication/components/Footer/index.js +++ b/src/src/layouts/authentication/components/Footer/index.js @@ -1,14 +1,8 @@ -import React, { Component } from 'react'; +import React from 'react'; // @mui material components import Grid from "@mui/material/Grid"; -// @mui icons -import FacebookIcon from "@mui/icons-material/Facebook"; -import TwitterIcon from "@mui/icons-material/Twitter"; -import InstagramIcon from "@mui/icons-material/Instagram"; -import PinterestIcon from "@mui/icons-material/Pinterest"; -import LinkedInIcon from "@mui/icons-material/LinkedIn"; // Dashboard React components import VuiBox from "components/VuiBox"; diff --git a/src/src/layouts/authentication/components/IllustrationLayout/index.js b/src/src/layouts/authentication/components/IllustrationLayout/index.js index f181a76..9c1a57c 100644 --- a/src/src/layouts/authentication/components/IllustrationLayout/index.js +++ b/src/src/layouts/authentication/components/IllustrationLayout/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // prop-types is a library for typechecking of props import PropTypes from "prop-types"; diff --git a/src/src/layouts/authentication/components/Separator/index.js b/src/src/layouts/authentication/components/Separator/index.js index 4db8359..946eec4 100644 --- a/src/src/layouts/authentication/components/Separator/index.js +++ b/src/src/layouts/authentication/components/Separator/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // @mui material components import Divider from "@mui/material/Divider"; diff --git a/src/src/layouts/authentication/components/Socials/index.js b/src/src/layouts/authentication/components/Socials/index.js index 10e6af9..9790d62 100644 --- a/src/src/layouts/authentication/components/Socials/index.js +++ b/src/src/layouts/authentication/components/Socials/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; // Oroneta components import VuiButton from "components/VuiButton"; diff --git a/src/src/layouts/authentication/sign-in/index.js b/src/src/layouts/authentication/sign-in/index.js index d397667..ab67c19 100644 --- a/src/src/layouts/authentication/sign-in/index.js +++ b/src/src/layouts/authentication/sign-in/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState } from "react"; // react-router-dom components diff --git a/src/src/layouts/authentication/sign-up/index.js b/src/src/layouts/authentication/sign-up/index.js index db8a4e7..8c82e81 100644 --- a/src/src/layouts/authentication/sign-up/index.js +++ b/src/src/layouts/authentication/sign-up/index.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { useState } from "react"; @@ -71,7 +71,7 @@ function SignIn() { - + - + - +