fix(dashboard): Hide edit rank button when no categories exist (#7986)

RESOLVES CORE-2456
medusajs · Jul 5, 2024 · e11716f · e11716f
1 parent 50df3ce
commit e11716f
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/...rc/routes/categories/category-list/components/category-list-table/category-list-table.tsx b/...rc/routes/categories/category-list/components/category-list-table/category-list-table.tsx
@@ -57,6 +57,9 @@ export const CategoryListTable = () => {
     pageSize: PAGE_SIZE,
   })
 
+  const showRankingAction =
+    !!product_categories && product_categories.length > 0
+
   if (isError) {
     throw error
   }
@@ -71,9 +74,11 @@ export const CategoryListTable = () => {
           </Text>
         </div>
         <div className="flex items-center gap-x-2">
-          <Button size="small" variant="secondary" asChild>
-            <Link to="organize">{t("categories.organize.action")}</Link>
-          </Button>
+          {showRankingAction && (
+            <Button size="small" variant="secondary" asChild>
+              <Link to="organize">{t("categories.organize.action")}</Link>
+            </Button>
+          )}
           <Button size="small" variant="secondary" asChild>
             <Link to="create">{t("actions.create")}</Link>
           </Button>