dashboard deleted

src/App.tsx

@@ -18,7 +18,6 @@ import Popup from "./components/Popup";
 // Pages
 import Login from "./pages/Login";
 import Main from "./pages/Main";
-import Dashboard from "./pages/Dashboard";
 import Posts from "./pages/Posts";
 import Details from "./pages/Details";
 import Post from "./pages/Post";
@@ -83,7 +82,6 @@ const App = () => {
           <Popup />
           <Routes>
             <Route path="/" element={<Main />} />
-            <Route path="/dashboard" element={<Main child={<Dashboard />} />} />
             <Route path="/posts" element={<Main child={<Posts />} />} />
             <Route path="/source" element={<Main child={<Source />} />} />
             <Route

src/assets/styles/_dashboard.scss

@@ -1,69 +0,0 @@
-.dashboard {
-  &__head {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-
-    h1 {
-      font-size: 3.2rem;
-    }
-  }
-
-  &__img {
-    width: 4rem;
-    height: 4rem;
-    stroke: $base-blue;
-  }
-
-  &__content {
-    &__stats {
-      display: grid;
-      grid-template-columns: repeat(4, 1fr);
-      gap: 3rem;
-    }
-  }
-
-  &.inner {
-    display: flex;
-    flex-direction: column;
-    gap: 4rem;
-  }
-}
-
-.statcard {
-  cursor: default;
-  @include transition-std;
-  transform: translateY(0);
-  border-radius: 0.5rem;
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 2rem;
-
-  &:hover {
-    @include transition-std;
-    transform: translateY(-1rem);
-  }
-
-  &.yellow {
-    background: #ffc107;
-  }
-  &.black {
-    background: #161c2d;
-  }
-  &.green {
-    background: #42ba96;
-  }
-  &.violet {
-    background: #7c69ef;
-  }
-
-  span {
-    font-size: 2.4rem;
-  }
-
-  p {
-    font-size: 1.6rem;
-  }
-}

src/assets/styles/_source.scss

@@ -195,3 +195,20 @@
     }
   }
 }
+
+.dashboard {
+  &__head {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+
+    h1 {
+      font-size: 3.2rem;
+    }
+
+    svg {
+      width: 4rem;
+      height: 4rem;
+    }
+  }
+}

src/assets/styles/style.scss

@@ -4,7 +4,6 @@
 @import "./nav";
 @import "./main";
 @import "./aside";
-@import "./dashboard";
 @import "./posts";
 @import "./details";
 @import "./source";

src/pages/Dashboard.tsx

@@ -1,50 +0,0 @@
-// Modules
-import { IconContext } from "react-icons";
-
-// Icons
-import { AiOutlineDashboard } from "react-icons/ai";
-
-// Components
-import StatCard from "../components/StatCard";
-
-const Dashboard = () => {
-  return (
-    <main className="dashboard">
-      <div className="container">
-        <div className="dashboard inner">
-          <div className="dashboard__head">
-            <IconContext.Provider value={{ color: "#8DD77F" }}>
-              <AiOutlineDashboard className="dashboard__img" />
-            </IconContext.Provider>
-
-            <h1>Dashboard</h1>
-          </div>
-          <div className="dashboard__content__stats">
-            <StatCard
-              color="yellow"
-              text="Lorem, ipsum dolor sit amet consectetur adipisicing elit."
-              topNumber={123}
-            />
-            <StatCard
-              color="green"
-              text="Lorem, ipsum dolor sit amet consectetur adipisicing elit."
-              topNumber={123}
-            />
-            <StatCard
-              color="violet"
-              text="Lorem, ipsum dolor sit amet consectetur adipisicing elit."
-              topNumber={123}
-            />
-            <StatCard
-              color="black"
-              text="Lorem, ipsum dolor sit amet consectetur adipisicing elit."
-              topNumber={123}
-            />
-          </div>
-        </div>
-      </div>
-    </main>
-  );
-};
-
-export default Dashboard;