From e7091cfbb7ead1804b56d5a3ecb574cec7bb98cc Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Mon, 27 May 2024 22:11:54 +0200
Subject: [PATCH] fix(dashboard): Profile styling (#7481)

---
 .../dashboard/src/i18n/languages.ts           |  4 +--
 .../profile-general-section.tsx               | 25 +++++++++++++------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/admin-next/dashboard/src/i18n/languages.ts b/packages/admin-next/dashboard/src/i18n/languages.ts
index b35fa74797..653edf121a 100644
--- a/packages/admin-next/dashboard/src/i18n/languages.ts
+++ b/packages/admin-next/dashboard/src/i18n/languages.ts
@@ -3,8 +3,8 @@ import { Language } from "./types"
 
 export const languages: Language[] = [
   {
-    code: "en-US",
-    display_name: "English (US)",
+    code: "en",
+    display_name: "English",
     ltr: true,
     date_locale: enUS,
   },
diff --git a/packages/admin-next/dashboard/src/routes/profile/profile-detail/components/profile-general-section/profile-general-section.tsx b/packages/admin-next/dashboard/src/routes/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
index c6f33ff06c..6f05b16b1a 100644
--- a/packages/admin-next/dashboard/src/routes/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
+++ b/packages/admin-next/dashboard/src/routes/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
@@ -1,7 +1,8 @@
+import { PencilSquare } from "@medusajs/icons"
 import { UserDTO } from "@medusajs/types"
-import { Button, Container, Heading, StatusBadge, Text } from "@medusajs/ui"
+import { Container, Heading, StatusBadge, Text } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
-import { Link } from "react-router-dom"
+import { ActionMenu } from "../../../../../components/common/action-menu"
 import { languages } from "../../../../../i18n/languages"
 
 type ProfileGeneralSectionProps = {
@@ -22,13 +23,21 @@ export const ProfileGeneralSection = ({ user }: ProfileGeneralSectionProps) => {
             {t("profile.manageYourProfileDetails")}
           </Text>
         </div>
-        <Link to="/settings/profile/edit">
-          <Button size="small" variant="secondary">
-            {t("actions.edit")}
-          </Button>
-        </Link>
+        <ActionMenu
+          groups={[
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: <PencilSquare />,
+                },
+              ],
+            },
+          ]}
+        />
       </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">
           {t("fields.name")}
         </Text>