feat: status badge for product (#139)

medusajs · Mar 1, 2022 · 3f3afb7 · 3f3afb7
1 parent b484e3b
commit 3f3afb7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/domain/products/index.js b/src/domain/products/index.js
@@ -28,6 +28,9 @@ import Button from "../../components/button"
 import qs from "query-string"
 import styled from "@emotion/styled"
 
+import Badge from "../../components/badge"
+import { decideBadgeColor } from "../../utils/decide-badge-color"
+
 const LinkWrapper = styled(Link)`
   width: 100%;
   height: 100%;
@@ -279,6 +282,7 @@ const ProductIndex = () => {
               <TableHeaderCell sx={{ maxWidth: "75px" }} />
               <TableHeaderCell>Name</TableHeaderCell>
               <TableHeaderCell>Collection</TableHeaderCell>
+              <TableHeaderCell>Status</TableHeaderCell>
               <TableHeaderCell>Inventory</TableHeaderCell>
               <TableHeaderCell />
             </TableHeaderRow>
@@ -352,6 +356,16 @@ const ProductIndex = () => {
                         {p.collection?.title || "-"}
                       </DefaultCellContent>
                     </TableDataCell>
+                    <TableDataCell>
+                      <DefaultCellContent>
+                        <Badge
+                          color={decideBadgeColor(p.status).color}
+                          bg={decideBadgeColor(p.status).bgColor}
+                        >
+                          {p.status}
+                        </Badge>
+                      </DefaultCellContent>
+                    </TableDataCell>
                     <TableDataCell>
                       <DefaultCellContent>
                         {p.variants.reduce(

diff --git a/src/utils/decide-badge-color.js b/src/utils/decide-badge-color.js
@@ -3,6 +3,7 @@ export function decideBadgeColor(batchLabel) {
     case "captured":
     case "completed":
     case "shipped":
+    case "published":
     case "registered":
     case "difference_refunded":
     case "received":