Edit Product and Store

clever-developer-club · Nov 11, 2021 · 014db4d · 014db4d
1 parent c402759
commit 014db4d
Show file tree

Hide file tree

Showing 9 changed files with 820 additions and 16 deletions.
diff --git a/client/src/App.js b/client/src/App.js
@@ -20,6 +20,8 @@ import Search from "./components/SearchBar/Search"
 import DashboardHome from "./components/Dashboard/DashboardHome";
 import ProductList from "./components/Dashboard/ProductList";
 import AddProduct from "./components/Dashboard/AddProduct";
+import EditProduct from "./components/Dashboard/EditProduct";
+import EditStore from "./components/Dashboard/EditStore";
 import StoreDetails from "./components/Dashboard/StoreDetails";
 import Orders from "./components/Orders/OrderPage"
 import AddStore from "./components/Dashboard/AddStore";
@@ -55,8 +57,10 @@ function App() {
                 <Route exact path="/dashboard" component={DashboardHome} />
                 <Route path="/dashboard/product/view" component={ProductList} />
                 <Route path="/dashboard/product/add" component={AddProduct} />
+                <Route path="/dashboard/product/edit/:id" component={EditProduct} />
                 <Route path="/dashboard/store/view" component={ShopList} />
                 <Route path="/dashboard/store/add" component={AddStore}/>
+                <Route path="/dashboard/store/edit/:id" component={EditStore}/>
               </Switch>
             </Layout>
           </Switch>

diff --git a/client/src/components/Dashboard/AddStore.js b/client/src/components/Dashboard/AddStore.js
@@ -74,7 +74,7 @@ const AddStore = () => {
   const classes = useStyles();
   const [fileInput, setFileInput] = useState("");
   const [previewSource, setPreviewSource] = useState("");
-  const [loading, setLoading] = useState(true);
+  const [loading, setLoading] = useState(false);
   const history = new useHistory();
 
   const [name, setName] = useState("");
@@ -142,11 +142,14 @@ const AddStore = () => {
         console.log(err);
       });
   };
+  setTimeout(() => {
+    setLoading(true);
+  }, 1500);
 
   return (
     <>
       <Container className={classes.container}>
-        {user.user && user.user.admin === true ? (
+        {user.user && user.user.admin === true ?loading? (
           <>
             <ToastContainer />
             <form onSubmit={createShop}>
@@ -297,6 +300,17 @@ const AddStore = () => {
               </div>
             </form>
           </>
+        )
+        :
+        (
+          <div className={classes.loadingDiv}>
+            <img
+              src={logo}
+              alt="loading..."
+              width="300px"
+              className={classes.loadingImage}
+            />
+          </div>
         ) : (
           <div className={classes.loadingDiv}>
             <img