asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(dashboard): Fix the color of general fields (#7519)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2024-05-29 17:09:13 +02:00
committed by GitHub
parent c46c643fda
commit 4483b7980d
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/admin-next/dashboard/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx
+21 -20
View File
@@ -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>
)
}