fix(dashboard): Fix the color of name field (#7518)

RESOLVES CORE-2111
This commit is contained in:
Kasper Fabricius Kristensen
2024-06-03 11:15:50 +00:00
committed by GitHub
parent eb9b77a4d7
commit b299aec620
@@ -1,6 +1,6 @@
import { PencilSquare, Trash } from "@medusajs/icons" import { PencilSquare, Trash } from "@medusajs/icons"
import { UserDTO } from "@medusajs/types" import { UserDTO } from "@medusajs/types"
import { Container, Heading, Text, clx, usePrompt } from "@medusajs/ui" import { Container, Heading, Text, usePrompt } from "@medusajs/ui"
import { useTranslation } from "react-i18next" import { useTranslation } from "react-i18next"
import { useNavigate } from "react-router-dom" import { useNavigate } from "react-router-dom"
import { ActionMenu } from "../../../../../components/common/action-menu" import { ActionMenu } from "../../../../../components/common/action-menu"
@@ -69,17 +69,11 @@ export const UserGeneralSection = ({ user }: UserGeneralSectionProps) => {
]} ]}
/> />
</div> </div>
<div className="grid grid-cols-2 items-center px-6 py-4"> <div className="text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4">
<Text size="small" leading="compact" weight="plus"> <Text size="small" leading="compact" weight="plus">
{t("fields.name")} {t("fields.name")}
</Text> </Text>
<Text <Text size="small" leading="compact">
size="small"
leading="compact"
className={clx({
"text-ui-fg-subtle": !name,
})}
>
{name ?? "-"} {name ?? "-"}
</Text> </Text>
</div> </div>