Home Page Customization

pages/authentication/sign-in.js

@@ -1,9 +1,5 @@
-import SignInForm from '@/components/Authentication/SignInForm';
+import SignInForm from "@/components/Authentication/SignInForm";
 
 export default function SignIn() {
-  return (
-    <>
-      <SignInForm />
-    </>
-  );
+  return <SignInForm />;
 }

pages/index.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 import Grid from "@mui/material/Grid";
-import Link from 'next/link';
-import styles from '@/styles/PageTitle.module.css'
+import Link from "next/link";
+import styles from "@/styles/PageTitle.module.css";
 import Features from "@/components/Dashboard/eCommerce/Features";
 import Ratings from "@/components/Dashboard/eCommerce/Ratings";
 import AudienceOverview from "@/components/Dashboard/eCommerce/AudienceOverview";
@@ -15,8 +15,9 @@ import RecentOrders from "@/components/Dashboard/eCommerce/RecentOrders";
 import TeamMembersList from "@/components/Dashboard/eCommerce/TeamMembersList";
 import BestSellingProducts from "@/components/Dashboard/eCommerce/BestSellingProducts";
 import LiveVisitsOnOurSite from "@/components/Dashboard/eCommerce/LiveVisitsOnOurSite";
+import AuthRoute from "middlewares/AuthRoute";
 
-export default function eCommerce() {
+function MainPage() {
   return (
     <>
       {/* Page title */}
@@ -26,29 +27,20 @@ export default function eCommerce() {
           <li>
             <Link href="/">Dashboard</Link>
           </li>
-          <li>
-            eCommerce
-          </li>
+          <li>eCommerce</li>
         </ul>
       </div>
-
       <Grid container rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
         <Grid item xs={12} md={12} lg={12} xl={8}>
           {/* Features */}
           <Features />
-
           {/* AudienceOverview */}
           <AudienceOverview />
-
-          <Grid
-            container
-            columnSpacing={{ xs: 1, sm: 2, md: 2 }}
-          >
+          <Grid container columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
             <Grid item xs={12} md={8}>
               {/* VisitsByDay */}
               <VisitsByDay />
             </Grid>
-
             <Grid item xs={12} md={4}>
               {/* Impressions */}
               <Impressions />
@@ -56,32 +48,25 @@ export default function eCommerce() {
               {/* ActivityTimeline */}
               <ActivityTimeline />
             </Grid>
-
             <Grid item xs={12} md={12}>
               {/* RevenuStatus */}
               <RevenuStatus />
             </Grid>
           </Grid>
         </Grid>
-
         <Grid item xs={12} md={12} lg={12} xl={4}>
           {/* Ratings */}
           <Ratings />
-
           {/* LiveVisitsOnOurSite */}
           <LiveVisitsOnOurSite />
-
           {/* SalesByLocations */}
           <SalesByCountries />
-
           {/* NewCustomers */}
           <NewCustomers />
         </Grid>
       </Grid>
-
       {/* Recent Orders */}
       <RecentOrders />
-
       <Grid
         container
         rowSpacing={1}
@@ -91,7 +76,6 @@ export default function eCommerce() {
           {/* TeamMembersList */}
           <TeamMembersList />
         </Grid>
-
         <Grid item xs={12} md={12} lg={12} xl={4}>
           {/* BestSellingProducts */}
           <BestSellingProducts />
@@ -100,3 +84,5 @@ export default function eCommerce() {
     </>
   );
 }
+
+export default MainPage