Added new icons

src/components/Icons/LowStockIcon/LowStockIcon.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+export interface props {
+  size: number;
+  color: string;
+}
+export default function LowStockIcon(props: props) {
+  return (
+    <div>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="icon icon-tabler icon-tabler-zoom-exclamation"
+        width={props.size + "vh"}
+        height={props.size + "vh"}
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke={props.color}
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
+        <path d="M21 21l-6 -6"></path>
+        <path d="M10 13v.01"></path>
+        <path d="M10 7v3"></path>
+      </svg>
+    </div>
+  );
+}

src/components/Icons/RecentlyAddedIcon/RecentlyAddedIcon.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+export interface props {
+  size: number;
+  color: string;
+}
+export default function RecentlyAddedIcon(props: props) {
+  return (
+    <div>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="icon icon-tabler icon-tabler-book-upload"
+        width={props.size + "vh"}
+        height={props.size + "vh"}
+        viewBox="0 0 24 24"
+        stroke-width="1"
+        stroke={props.color}
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M14 20h-8a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12v5"></path>
+        <path d="M11 16h-5a2 2 0 0 0 -2 2"></path>
+        <path d="M15 16l3 -3l3 3"></path>
+        <path d="M18 13v9"></path>
+      </svg>
+    </div>
+  );
+}

src/routes/Dashboard/Dashboard.tsx

@@ -1,11 +1,14 @@
 import React from "react";
 import TotalProductsIcon from "../../Components/Icons/TotalProductsIcon/TotalProductsIcon";
 import DashboardContainer from "../../Components/DashboardContainer/DashboardContainer";
+import LowStockIcon from "../../Components/Icons/LowStockIcon/LowStockIcon";
 import StatsIcon from "../../Components/Icons/StatsIcon/StatsIcon";
+import LogsIcon from "../../Components/Icons/LogsIcon/LogsIcon";
 import "../../index.css";
 import styles from "../../styles";
 import HomeIcon from "../../Components/Icons/HomeIcon/HomeIcon";
 import ColoredCube from "../../Components/ColoredCube/ColoredCube";
+import RecentlyAddedIcon from "../../Components/Icons/RecentlyAddedIcon/RecentlyAddedIcon";
 
 export default function Dashboard() {
   return (
@@ -51,8 +54,8 @@ export default function Dashboard() {
               <div style={{ flex: 3 }}>
                 <DashboardContainer>
                   <div style={styles.wrapper_row}>
-                    <TotalProductsIcon size={8} color="white" />
+                    <LowStockIcon size={8} color="white" />
-                    <h1 style={styles.text_medium}>Low Stock Items</h1>
+                    <h1 style={styles.text_medium}>Low Stock</h1>
                   </div>
                   <h1 style={styles.text_medium}>Canned Pagmamahal</h1>
                   <h1 style={styles.text_tiny}>In Stock: 3</h1>
@@ -60,7 +63,7 @@ export default function Dashboard() {
                 <div style={{ padding: "1.5vh" }} />
                 <DashboardContainer>
                   <div style={styles.wrapper_row}>
-                    <TotalProductsIcon size={8} color="white" />
+                    <RecentlyAddedIcon size={8} color="white" />
                     <h1 style={styles.text_medium}>Recently Added</h1>
                   </div>
                   <h1 style={styles.text_medium}>Zidane's Water</h1>
@@ -73,7 +76,7 @@ export default function Dashboard() {
         <div style={{ flex: 2 }}>
           <DashboardContainer>
             <div style={styles.wrapper_row}>
-              <TotalProductsIcon size={8} color="white" />
+              <LogsIcon size={8} color="white" />
               <div style={styles.wrapper_column}>
                 <h1 style={styles.text_medium}>Recent</h1>
                 <h1 style={styles.text_medium}>Transactions</h1>