From 61beb790d541ffb4c26867e178b4b7cbb5f3418d Mon Sep 17 00:00:00 2001 From: Zheng Lin Lei Date: Sun, 28 Apr 2024 20:30:08 +0200 Subject: [PATCH 1/2] Alarm check --- src/NODE_ISSUES.txt | 32 ++ src/public/alert.mp3 | Bin 0 -> 22994 bytes src/public/global.css | 2 +- src/public/global.css.map | 2 +- src/public/global.scss | 76 ++++- src/public/index.html | 24 ++ src/public/script.js | 87 ++++++ src/src/App.js | 8 +- src/src/components/VuiAlert/index.js | 2 +- src/src/components/VuiAvatar/index.js | 2 +- src/src/components/VuiBadge/index.js | 2 +- src/src/components/VuiButton/VuiButtonRoot.js | 1 - src/src/components/VuiInput/index.js | 2 +- src/src/components/VuiPagination/index.js | 2 +- .../components/VuiProgress/VuiProgressRoot.js | 18 +- src/src/components/VuiProgress/index.js | 2 +- src/src/components/VuiSwitch/VuiSwitchRoot.js | 1 - src/src/components/VuiSwitch/index.js | 2 +- src/src/components/VuiTypography/index.js | 2 +- src/src/context/AlarmContext.jsx | 20 ++ src/src/context/UserContext.jsx | 2 +- src/src/context/UserProvider.jsx | 2 +- src/src/context/index.js | 5 +- src/src/examples/Alarm/index.js | 32 ++ src/src/examples/Breadcrumbs/index.js | 2 +- .../Cards/InfoCards/ProfileInfoCard/index.js | 3 +- src/src/examples/Cards/MasterCard/index.js | 2 +- .../ProjectCards/DefaultProjectCard/index.js | 2 +- .../MiniStatisticsCard/index.js | 2 +- src/src/examples/Charts/BarCharts/BarChart.js | 2 +- .../examples/Configurator/ConfiguratorRoot.js | 51 ---- src/src/examples/Configurator/index.js | 276 ------------------ src/src/examples/Footer/index.js | 2 +- src/src/examples/GradientBorder/index.js | 2 +- src/src/examples/Icons/Mastercard.js | 2 +- src/src/examples/Icons/OronetaLandLogo.js | 2 +- src/src/examples/Icons/OronetaLogo.js | 2 +- src/src/examples/Icons/Visa.js | 2 +- .../examples/Items/NotificationItem/index.js | 4 +- .../examples/Items/NotificationItem/styles.js | 2 +- .../LayoutContainers/DashboardLayout/index.js | 2 +- .../LayoutContainers/PageLayout/index.js | 2 +- src/src/examples/Lists/ProfilesList/index.js | 2 +- .../examples/Navbars/DashboardNavbar/index.js | 6 +- .../DefaultNavbar/DefaultNavbarLink.js | 2 +- .../DefaultNavbar/DefaultNavbarMobile.js | 2 +- .../examples/Navbars/DefaultNavbar/index.js | 2 +- src/src/examples/Sidenav/SidenavCollapse.js | 2 +- src/src/examples/Sidenav/SidenavRoot.js | 2 +- src/src/examples/Sidenav/index.js | 3 +- src/src/examples/Tables/Table/index.js | 2 +- .../examples/Timeline/TimelineItem/index.js | 2 +- .../examples/Timeline/TimelineList/index.js | 2 +- src/src/examples/Timeline/context/index.js | 2 +- .../components/CoverLayout/index.js | 2 +- .../authentication/components/Footer/index.js | 8 +- .../components/IllustrationLayout/index.js | 2 +- .../components/Separator/index.js | 2 +- .../components/Socials/index.js | 2 +- .../layouts/authentication/sign-in/index.js | 2 +- .../layouts/authentication/sign-up/index.js | 8 +- .../layouts/billing/components/Bill/index.js | 2 +- .../components/BillingInformation/index.js | 2 +- .../billing/components/Invoice/index.js | 2 +- .../billing/components/Invoices/index.js | 2 +- .../billing/components/PaymentMethod/index.js | 2 +- .../billing/components/Transactions/index.js | 3 - src/src/layouts/billing/index.js | 2 +- .../EmployeesList/data/eTableData.js | 2 +- .../company/components/EmployeesList/index.js | 2 +- .../company/components/Header/index.js | 2 +- src/src/layouts/company/index.js | 2 +- src/src/layouts/dashboard/index.js | 2 +- .../layouts/drones/data/authorsTableData.js | 2 +- .../layouts/drones/data/projectsTableData.js | 2 +- src/src/layouts/drones/index.js | 2 +- src/src/layouts/map/index.js | 3 +- .../profile/components/Calendar/index.js | 2 +- .../components/PlatformSettings/index.js | 2 +- src/src/layouts/profile/index.js | 1 + src/src/layouts/routes/index.js | 2 +- src/src/routes.js | 2 +- 82 files changed, 347 insertions(+), 441 deletions(-) create mode 100644 src/NODE_ISSUES.txt create mode 100644 src/public/alert.mp3 create mode 100644 src/public/script.js create mode 100644 src/src/context/AlarmContext.jsx create mode 100644 src/src/examples/Alarm/index.js delete mode 100644 src/src/examples/Configurator/ConfiguratorRoot.js delete mode 100644 src/src/examples/Configurator/index.js 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 0000000000000000000000000000000000000000..ebf43801a0a538904884f250180bda11bbee4bc6 GIT binary patch literal 22994 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 literal 0 HcmV?d00001 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() { - + - + - + Date: Sun, 28 Apr 2024 20:34:30 +0200 Subject: [PATCH 2/2] Duplicated react --- src/src/layouts/profile/index.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/src/layouts/profile/index.js b/src/src/layouts/profile/index.js index 9c62f10..033f479 100644 --- a/src/src/layouts/profile/index.js +++ b/src/src/layouts/profile/index.js @@ -1,5 +1,3 @@ -import React from 'react'; - // @mui material components // @mui icons import FacebookIcon from "@mui/icons-material/Facebook";