@canmingir/link 1.2.55 → 1.2.57

package/src/assets/illustrations/maintenance-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function MaintenanceIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -23,10 +21,14 @@ function MaintenanceIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <path
         fill={PRIMARY_MAIN}

package/src/assets/illustrations/motivation-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function MotivationIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -21,10 +19,14 @@ function MotivationIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <image
         href="/assets/illustrations/characters/character_2.png"

package/src/assets/illustrations/order-complete-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function OrderCompleteIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -23,10 +21,14 @@ function OrderCompleteIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <image
         href="/assets/illustrations/characters/character_10.png"

package/src/assets/illustrations/page-not-found-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function PageNotFoundIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -23,10 +21,14 @@ function PageNotFoundIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <image
         href="/assets/illustrations/characters/character_6.png"

package/src/assets/illustrations/seo-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function SeoIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -19,10 +17,14 @@ function SeoIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <path
         fill={PRIMARY_DARK}

package/src/assets/illustrations/sever-error-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function SeverErrorIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -25,10 +23,14 @@ function SeverErrorIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <image
         href="/assets/illustrations/characters/character_8.png"

package/src/assets/illustrations/upgrade-storage-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function UpgradeStorageIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -23,10 +21,14 @@ function UpgradeStorageIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <image
         href="/assets/illustrations/characters/character_2.png"

package/src/assets/illustrations/upload-illustration.jsx

@@ -4,8 +4,6 @@ import React from "react";
 import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 function UploadIllustration({ ...other }) {
   const theme = useTheme();
 
@@ -21,10 +19,14 @@ function UploadIllustration({ ...other }) {
       viewBox="0 0 480 360"
       xmlns="http://www.w3.org/2000/svg"
       {...other}
-      sx={[{
-        width: "100%",
-        height: "100%"
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          width: "100%",
+          height: "100%",
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <BackgroundShape />
       <defs>
         <linearGradient

package/src/components/Iconify/Iconify.jsx

@@ -2,7 +2,6 @@ import Box from "@mui/material/Box";
 import { Icon } from "@iconify/react";
 import React from "react";
 import { forwardRef } from "react";
-// ----------------------------------------------------------------------
 
 const Iconify = forwardRef(({ icon, width = 20, sx, ...other }, ref) => (
   <Box

package/src/components/chart/chart.js

@@ -4,8 +4,6 @@ import { memo } from "react";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 const Chart = styled(ApexChart)(({ theme }) => ({
   "& .apexcharts-canvas": {
     // Tooltip

package/src/components/chart/index.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export { default } from "./chart";
 
 export { default as useChart } from "./use-chart";

package/src/components/chart/use-chart.js

@@ -3,8 +3,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 
 import { alpha, useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function useChart(options) {
   const theme = useTheme();
 

package/src/components/custom-popover/styles.js

@@ -2,8 +2,6 @@ import { bgBlur } from "../../theme/css";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledArrow = styled("span")(({ arrow, theme }) => {
   const SIZE = 14;
 

package/src/components/custom-popover/use-popover.js

@@ -1,7 +1,5 @@
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function usePopover() {
   const [open, setOpen] = useState(null);
 

package/src/components/custom-popover/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function getPosition(arrow) {
   let props;
 

package/src/components/file-thumbnail/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 // Define more types here
 const FORMAT_PDF = ["pdf"];
 const FORMAT_TEXT = ["txt"];
@@ -15,8 +13,6 @@ const FORMAT_VIDEO = ["m4v", "avi", "mpg", "mp4", "webm"];
 
 const iconUrl = (icon) => `/assets/icons/files/${icon}.svg`;
 
-// ----------------------------------------------------------------------
-
 export function fileFormat(fileUrl) {
   let format;
 
@@ -61,8 +57,6 @@ export function fileFormat(fileUrl) {
   return format;
 }
 
-// ----------------------------------------------------------------------
-
 export function fileThumb(fileUrl) {
   let thumb;
 
@@ -109,20 +103,14 @@ export function fileThumb(fileUrl) {
   return thumb;
 }
 
-// ----------------------------------------------------------------------
-
 export function fileTypeByUrl(fileUrl = "") {
   return (fileUrl && fileUrl.split(".").pop()) || "";
 }
 
-// ----------------------------------------------------------------------
-
 export function fileNameByUrl(fileUrl) {
   return fileUrl.split("/").pop();
 }
 
-// ----------------------------------------------------------------------
-
 export function fileData(file) {
   // Url
   if (typeof file === "string") {

package/src/components/image/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function getRatio(ratio = "1/1") {
   return {
     "4/3": "calc(100% / 4 * 3)",

package/src/components/label/styles.js

@@ -2,8 +2,6 @@ import Box from "@mui/material/Box";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledLabel = styled(Box)(({ theme, ownerState }) => {
   const lightMode = theme.palette.mode === "light";
 

package/src/components/logo/logo.jsx

@@ -5,7 +5,7 @@ import Link from "@mui/material/Link";
 import { RouterLink } from "../../routes/components";
 import config from "../../config/config";
 
-const Logo = ({ disabledLink = false, sx, maxSize = 65, isLogin = false }) => {
+const Logo = ({ disabledLink = false, sx, maxSize = 100, isLogin = false }) => {
   const { icon } = config().template.login;
 
   const [isSquare, setIsSquare] = useState(false);

package/src/components/scrollbar/styles.js

@@ -2,8 +2,6 @@ import SimpleBar from "simplebar-react";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledRootScrollbar = styled("div")(() => ({
   flexGrow: 1,
   height: "100%",

package/src/components/settings/context/settings-context.js

@@ -1,7 +1,5 @@
 import { createContext, useContext } from "react";
 
-// ----------------------------------------------------------------------
-
 export const SettingsContext = createContext({});
 
 export const useSettingsContext = () => {

package/src/hooks/use-boolean.js

@@ -1,7 +1,5 @@
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useBoolean(defaultValue) {
   const [value, setValue] = useState(!!defaultValue);
 

package/src/hooks/use-event-listener.js

@@ -1,7 +1,5 @@
 import { useEffect, useLayoutEffect, useRef } from "react";
 
-// ----------------------------------------------------------------------
-
 const useIsomorphicLayoutEffect =
   typeof window !== "undefined" ? useLayoutEffect : useEffect;
 

package/src/hooks/use-local-storage.js

@@ -1,7 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useLocalStorage(key, initialState) {
   const [state, setState] = useState(initialState);
 
@@ -54,8 +52,6 @@ export function useLocalStorage(key, initialState) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 export const getStorage = (key) => {
   let value = null;
 

package/src/hooks/use-off-set-top.js

@@ -2,8 +2,6 @@ import { useScroll } from "framer-motion";
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useOffSetTop(top = 0, options) {
   const { scrollY } = useScroll(options);
 

package/src/hooks/use-responsive.js

@@ -1,8 +1,6 @@
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export function useResponsive(query, start, end) {
   const theme = useTheme();
 
@@ -29,8 +27,6 @@ export function useResponsive(query, start, end) {
   return mediaOnly;
 }
 
-// ----------------------------------------------------------------------
-
 export function useWidth() {
   const theme = useTheme();
 

package/src/hooks/use-scroll-to-top.js

@@ -1,8 +1,6 @@
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 
-// ----------------------------------------------------------------------
-
 export function useScrollToTop() {
   const { pathname } = useLocation();
 

package/src/layouts/CompactLayout/CompactLayout.jsx

@@ -4,8 +4,6 @@ import { Outlet } from "react-router";
 import React from "react";
 import Stack from "@mui/material/Stack";
 
-// ----------------------------------------------------------------------
-
 const CompactLayout = () => {
   return (
     <>

package/src/layouts/DashboardLayout/DashboardLayout.jsx

@@ -10,8 +10,6 @@ import { useBoolean } from "../../hooks/use-boolean";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useSettingsContext } from "../../components/settings";
 
-// ----------------------------------------------------------------------
-
 export default function DashboardLayout() {
   const settings = useSettingsContext();
 

package/src/layouts/DashboardLayout/main.jsx

@@ -5,8 +5,6 @@ import { useSettingsContext } from "../../components/settings";
 
 import { HEADER, NAV } from "../config-layout";
 
-// ----------------------------------------------------------------------
-
 const SPACING = 8;
 
 export default function Main({ children, sx, ...other }) {

package/src/layouts/DashboardLayout/nav-horizontal.jsx

@@ -11,8 +11,6 @@ import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 import { useUser } from "../../hooks/use-user";
 
-// ----------------------------------------------------------------------
-
 function NavHorizontal() {
   const theme = useTheme();
 

package/src/layouts/DashboardLayout/nav-vertical.jsx

@@ -1,3 +1,6 @@
+import { Button, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import Iconify from "../../components/Iconify";
@@ -17,9 +20,6 @@ import { usePathname } from "../../routes/hooks/use-pathname";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useUser } from "../../hooks/use-user";
 
-import { Button, Typography } from "@mui/material";
-import { useEffect, useState } from "react";
-
 // ----------------------------------------------------------------------
 
 export default function NavVertical({ openNav, onCloseNav }) {
@@ -33,7 +33,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
 
   useEffect(() => {
     const index = sideMenu.findIndex(
-      (item) => item.subheader === hideSubheader.subheader
+      (item) => item.subheader === hideSubheader.subheader,
     );
 
     if (index !== -1) {
@@ -100,6 +100,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
           sx={{
             display: "flex",
             alignItems: "center",
+            justifyContent: "center",
             ml: 1,
             mt: 3,
           }}
@@ -107,7 +108,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
           <Logo sx={{ ml: 4 }} />
           <Typography
             sx={{
-              ml: 1,
+              ml: 2,
             }}
           >
             {name}

package/src/layouts/FullScreenLayout/FullScreenLayout.jsx

@@ -10,8 +10,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 
 import React, { useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function FullScreenLayout() {
   const { fullScreenLayout } = config().menu;
 
@@ -66,8 +64,9 @@ export default function FullScreenLayout() {
             <Stack
               sx={{
                 width: "100%",
-                mt: 7
-              }}>
+                mt: 7,
+              }}
+            >
               <Outlet />
             </Stack>
           </>

package/src/layouts/FullScreenLayout/nav-horizontal.jsx

@@ -9,8 +9,6 @@ import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 import { useUser } from "../../hooks/use-user";
 
-// ----------------------------------------------------------------------
-
 function NavHorizontal() {
   const theme = useTheme();
 

package/src/layouts/FullScreenLayout/nav-vertical.jsx

@@ -17,8 +17,6 @@ import { useUser } from "../../hooks/use-user";
 
 import React, { useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NavVertical({ openNav, onCloseNav }) {
   const { user } = useUser();
 
@@ -69,8 +67,9 @@ export default function NavVertical({ openNav, onCloseNav }) {
           marginBottom: lgUp ? 3 : 0,
           position: lgUp ? "static" : "fixed",
           bottom: lgUp ? "auto" : 66,
-          width: "100%"
-        }}>
+          width: "100%",
+        }}
+      >
         {actionButtons &&
           actionButtons.map((Action, index) => (
             <Box key={index} component={Action}></Box>
@@ -124,7 +123,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
               sx: {
                 width: NAV.W_VERTICAL,
               },
-            }
+            },
           }}
         >
           {renderContent}

package/src/layouts/MainLayout/header.jsx

@@ -19,8 +19,6 @@ import { useOffSetTop } from "../../hooks/use-off-set-top";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function Header() {
   const { topMenu } = config().menu;
   const projectBar = config().template?.projectBar;
@@ -63,7 +61,7 @@ export default function Header() {
           <Stack
             direction={{ xs: "row", md: "row-reverse" }}
             sx={{
-              alignItems: "center"
+              alignItems: "center",
             }}
           >
             <NotificationsPopover />

package/src/layouts/MainLayout/nav/desktop/index.jsx

@@ -2,8 +2,6 @@ import NavList from "./nav-list";
 import React from "react";
 import Stack from "@mui/material/Stack";
 
-// ----------------------------------------------------------------------
-
 export default function NavDesktop({ data }) {
   return (
     <Stack

package/src/layouts/MainLayout/nav/desktop/nav-item.jsx

@@ -9,8 +9,6 @@ import { forwardRef } from "react";
 import { motion } from "framer-motion";
 import { styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const NavItem = forwardRef(
   (
     { title, path, open, active, hasChild, externalLink, subItem, ...other },
@@ -64,8 +62,6 @@ export const NavItem = forwardRef(
   }
 );
 
-// ----------------------------------------------------------------------
-
 const StyledNavItem = styled(ListItemButton, {
   shouldForwardProp: (prop) => prop !== "active" && prop !== "subItem",
 })(({ open, active, subItem, theme }) => {
@@ -145,8 +141,6 @@ const StyledNavItem = styled(ListItemButton, {
   };
 });
 
-// ----------------------------------------------------------------------
-
 export function NavItemDashboard({ path, sx, ...other }) {
   return (
     <Link