From 4483b7980d465b8e53b3f4a0591f022823d84425 Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Wed, 29 May 2024 17:09:13 +0200
Subject: [PATCH] fix(dashboard): Fix the color of general fields (#7519)

---
 .../store-general-section.tsx                 | 41 ++++++++++---------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/packages/admin-next/dashboard/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx b/packages/admin-next/dashboard/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx
index 449b0bca2c..312b35a4c8 100644
--- a/packages/admin-next/dashboard/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx
+++ b/packages/admin-next/dashboard/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx
@@ -2,8 +2,8 @@ import { PencilSquare } from "@medusajs/icons"
 import { Badge, Container, Heading, Text } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
 import { ActionMenu } from "../../../../../components/common/action-menu"
-import { ExtendedStoreDTO } from "../../../../../types/api-responses"
 import { useRegion } from "../../../../../hooks/api/regions"
+import { ExtendedStoreDTO } from "../../../../../types/api-responses"
 
 type StoreGeneralSectionProps = {
   store: ExtendedStoreDTO
@@ -39,7 +39,7 @@ export const StoreGeneralSection = ({ store }: StoreGeneralSectionProps) => {
           ]}
         />
       </div>
-      <div className="grid grid-cols-2 px-6 py-4">
+      <div className="text-ui-fg-subtle grid grid-cols-2 px-6 py-4">
         <Text size="small" leading="compact" weight="plus">
           {t("fields.name")}
         </Text>
@@ -47,11 +47,11 @@ export const StoreGeneralSection = ({ store }: StoreGeneralSectionProps) => {
           {store.name}
         </Text>
       </div>
-      {store.default_currency && (
-        <div className="grid grid-cols-2 px-6 py-4">
-          <Text size="small" leading="compact" weight="plus">
-            {t("store.defaultCurrency")}
-          </Text>
+      <div className="text-ui-fg-subtle grid grid-cols-2 px-6 py-4">
+        <Text size="small" leading="compact" weight="plus">
+          {t("store.defaultCurrency")}
+        </Text>
+        {store.default_currency ? (
           <div className="flex items-center gap-x-2">
             <Badge size="2xsmall">
               {store.default_currency.code.toUpperCase()}
@@ -60,21 +60,22 @@ export const StoreGeneralSection = ({ store }: StoreGeneralSectionProps) => {
               {store.default_currency.name}
             </Text>
           </div>
-        </div>
-      )}
-
-      {region && (
-        <div className="grid grid-cols-2 px-6 py-4">
-          <Text size="small" leading="compact" weight="plus">
-            {t("store.defaultRegion")}
+        ) : (
+          <Text size="small" leading="compact">
+            -
+          </Text>
+        )}
+      </div>
+      <div className="text-ui-fg-subtle grid grid-cols-2 px-6 py-4">
+        <Text size="small" leading="compact" weight="plus">
+          {t("store.defaultRegion")}
+        </Text>
+        <div className="flex items-center gap-x-2">
+          <Text size="small" leading="compact">
+            {region?.name || "-"}
           </Text>
-          <div className="flex items-center gap-x-2">
-            <Text size="small" leading="compact">
-              {region.name}
-            </Text>
-          </div>
         </div>
-      )}
+      </div>
     </Container>
   )
 }