Config Menu

src/pages/Product/Category.js

@@ -57,14 +57,14 @@ export const Category = observer(() => {
             </Button>
           </Col>
           <Col span={12} style={{ textAlign: "right" }}>
-            <Search
+            {/* <Search
               placeholder="input search text"
               style={{
                 width: store.ui.mediaQuery.isMobile ? 160 : 200,
                 marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
                 marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
               }}
-            />
+            /> */}
             <Button
               onClick={() => (store.category.visibleModalCategory = true)}
             >

src/pages/Product/Product.js

@@ -57,34 +57,20 @@ export const Product = observer(() => {
     <div className={["ppob-container"].join(" ")}>
       <BreadcumbComponent data={routeData} />
       <Card>
-        <Row style={{ marginBottom: 20 }}>
-          <Col span={12}>
-            <Button
-              onClick={() => {
-                store.product.visibleModalFilterProduct = true;
-              }}
-            >
-              <FilterOutlined />
-              Filter
-            </Button>
-          </Col>
-          <Col span={12}>
-            <div
-              style={{
-                display: store.ui.mediaQuery.isMobile ? "" : "flex",
-                justifyContent: "flex-end",
-                textAlign: "right",
-              }}
-            >
-              <Search
-                placeholder="input search text"
-                style={{
-                  width: store.ui.mediaQuery.isMobile ? 160 : 200,
-                  marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
-                  marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
-                }}
-              />
-              {store.authentication.userData.role === "Admin" && (
+        {store.authentication.userData.role !== "Admin" && (
+          <div>
+            <Row style={{ marginBottom: 20 }}>
+              <Col span={12}>
+                <Button
+                  onClick={() => {
+                    store.product.visibleModalFilterProduct = true;
+                  }}
+                >
+                  <FilterOutlined />
+                  Filter
+                </Button>
+              </Col>
+              <Col span={12}>
                 <div
                   style={{
                     display: store.ui.mediaQuery.isMobile ? "" : "flex",
@@ -92,28 +78,45 @@ export const Product = observer(() => {
                     textAlign: "right",
                   }}
                 >
-                  <Upload>
-                    <Button
-                      disabled={store.product.uploadBtnProduct}
-                      style={{
-                        marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
-                        marginBottom: store.ui.mediaQuery.isMobile ? 10 : 10,
-                      }}
-                      icon={<UploadOutlined />}
-                    >
-                      Upload Product
-                    </Button>
-                  </Upload>
-                  <Button
-                    onClick={() => (store.product.visibleModalProduct = true)}
+                  {/* <Search
+                    placeholder="input search text"
+                    style={{
+                      width: store.ui.mediaQuery.isMobile ? 160 : 200,
+                      marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
+                      marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
+                    }}
+                  /> */}
+
+                  <div
+                    style={{
+                      display: store.ui.mediaQuery.isMobile ? "" : "flex",
+                      justifyContent: "flex-end",
+                      textAlign: "right",
+                    }}
                   >
-                    <PlusSquareOutlined /> New
-                  </Button>
+                    <Upload>
+                      <Button
+                        disabled={store.product.uploadBtnProduct}
+                        style={{
+                          marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
+                          marginBottom: store.ui.mediaQuery.isMobile ? 10 : 10,
+                        }}
+                        icon={<UploadOutlined />}
+                      >
+                        Upload Product
+                      </Button>
+                    </Upload>
+                    {/* <Button
+                      onClick={() => (store.product.visibleModalProduct = true)}
+                    >
+                      <PlusSquareOutlined /> New
+                    </Button> */}
+                  </div>
                 </div>
-              )}
-            </div>
-          </Col>
-        </Row>
+              </Col>
+            </Row>
+          </div>
+        )}
         <ProductComponent />
       </Card>
     </div>

src/pages/Product/Subcategory.js

@@ -61,14 +61,14 @@ export const Subcategory = observer(() => {
             </Button> */}
           </Col>
           <Col span={12} style={{textAlign: "right"}}>
-            <Search
+            {/* <Search
               placeholder="input search text"
               style={{
                 width: store.ui.mediaQuery.isMobile ? 160 : 200,
                 marginRight: store.ui.mediaQuery.isMobile ? 0 : 10,
                 marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
               }}
-            />
+            /> */}
             <Button
               onClick={() => (store.subcategory.visibleModalSubcategory = true)}
             >