From 87b5833de67492a8065263233e382948dd550581 Mon Sep 17 00:00:00 2001
From: keannu125 <noehbernasol0@gmail.com>
Date: Tue, 16 May 2023 12:16:35 +0800
Subject: [PATCH] Polished code and fixed warnings

---
 src/App.tsx                                          | 12 ++----------
 .../RecentTransactionsWidget.tsx                     |  1 -
 .../TotalProductsWidget/TotalProductsWidget.tsx      |  4 ++--
 .../InventoryPage/StockRenderer/StockRenderer.tsx    |  2 +-
 src/Components/ProductsPage/BlobView/BlobView.tsx    |  2 --
 5 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 567eb03..141c821 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,18 +1,10 @@
-import React, { useEffect } from "react";
+import React from "react";
 import Dashboard from "./Routes/Dashboard/Dashboard";
 import Error from "./Routes/Error/Error";
 import Products from "./Routes/Products/Products";
 import Logs from "./Routes/Logs/Logs";
 import Container from "./Components/Container/Container";
-import {
-  createBrowserRouter,
-  createHashRouter,
-  HashRouter,
-  Navigate,
-  Route,
-  RouterProvider,
-  Routes,
-} from "react-router-dom";
+import { createHashRouter, RouterProvider } from "react-router-dom";
 import Store from "./Plugins/Redux/Store/Store";
 import { Provider } from "react-redux";
 import Inventory from "./Routes/Inventory/Inventory";
diff --git a/src/Components/DashboardPage/RecentTransactionsWidget/RecentTransactionsWidget.tsx b/src/Components/DashboardPage/RecentTransactionsWidget/RecentTransactionsWidget.tsx
index 1465f57..df095cb 100644
--- a/src/Components/DashboardPage/RecentTransactionsWidget/RecentTransactionsWidget.tsx
+++ b/src/Components/DashboardPage/RecentTransactionsWidget/RecentTransactionsWidget.tsx
@@ -2,7 +2,6 @@ import * as React from "react";
 import { ProductLog, ProductLogList } from "../../../Interfaces/Interfaces";
 import styles from "../../../styles";
 import LogsIcon from "../../Icons/LogsIcon/LogsIcon";
-import Moment from "react-moment";
 
 export default function RecentTransactionsWidget(props: ProductLogList) {
   return (
diff --git a/src/Components/DashboardPage/TotalProductsWidget/TotalProductsWidget.tsx b/src/Components/DashboardPage/TotalProductsWidget/TotalProductsWidget.tsx
index c4a19e6..65333c3 100644
--- a/src/Components/DashboardPage/TotalProductsWidget/TotalProductsWidget.tsx
+++ b/src/Components/DashboardPage/TotalProductsWidget/TotalProductsWidget.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import styles from "../../../styles";
 import TotalProductsIcon from "../../Icons/TotalProductsIcon/TotalProductsIcon";
-import { Product, ProductList } from "../../../Interfaces/Interfaces";
+import { ProductList } from "../../../Interfaces/Interfaces";
 import { useEffect, useState } from "react";
 
 export interface props {}
@@ -16,7 +16,7 @@ export default function TotalProductsWidget(props: ProductList) {
     } else {
       setItems(props.Products.length + " Unique Items");
     }
-  }, []);
+  }, [props.Products.length]);
   return (
     <div
       style={{
diff --git a/src/Components/InventoryPage/StockRenderer/StockRenderer.tsx b/src/Components/InventoryPage/StockRenderer/StockRenderer.tsx
index 0bd983b..9e3a5ac 100644
--- a/src/Components/InventoryPage/StockRenderer/StockRenderer.tsx
+++ b/src/Components/InventoryPage/StockRenderer/StockRenderer.tsx
@@ -44,7 +44,7 @@ export default function StockRenderer(product: Product) {
     } else if (stock === product.quantity) {
       setValueChanged(false);
     }
-  }, [stock]);
+  }, [stock, product.quantity]);
   let style;
   if (stock >= 0 && stock <= 3) {
     style = styles.text_red;
diff --git a/src/Components/ProductsPage/BlobView/BlobView.tsx b/src/Components/ProductsPage/BlobView/BlobView.tsx
index e88e7e9..f591b9b 100644
--- a/src/Components/ProductsPage/BlobView/BlobView.tsx
+++ b/src/Components/ProductsPage/BlobView/BlobView.tsx
@@ -1,9 +1,7 @@
 import * as React from "react";
-
 import styles from "../../../styles";
 import { ProductList } from "../../../Interfaces/Interfaces";
 import ProductIcon from "../../Icons/ProductIcon/ProductIcon";
-import { Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 
 export default function BlobView({ Products }: ProductList) {