From 4a45f638540a453d2fa0d5713780d5a09191433a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jenny=20M=C3=BCller?=
 <113467867+jennymul@users.noreply.github.com>
Date: Wed, 6 Nov 2024 18:56:48 +0100
Subject: [PATCH] Remove duplicate settings button

---
 .../UserProfile/UserProfile.module.css        |  6 ++++-
 .../users/components/UserProfile/index.tsx    | 23 +++++++++----------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/app/routes/users/components/UserProfile/UserProfile.module.css b/app/routes/users/components/UserProfile/UserProfile.module.css
index bc0d449e19..e3bbc8d6ca 100644
--- a/app/routes/users/components/UserProfile/UserProfile.module.css
+++ b/app/routes/users/components/UserProfile/UserProfile.module.css
@@ -79,9 +79,13 @@
 
 .settingsIcon {
   transition: transform var(--easing-medium);
+}
 
+.settingsButton {
   &:hover {
-    transform: rotate(90deg);
+    .settingsIcon {
+      transform: rotate(90deg);
+    }
   }
 }
 
diff --git a/app/routes/users/components/UserProfile/index.tsx b/app/routes/users/components/UserProfile/index.tsx
index c12adbad66..4ef9fa8aad 100644
--- a/app/routes/users/components/UserProfile/index.tsx
+++ b/app/routes/users/components/UserProfile/index.tsx
@@ -157,12 +157,17 @@ const UserProfile = () => {
       title={user.fullName}
       actionButtons={
         showSettings && (
-          <Icon
-            iconNode={<SettingsIcon />}
-            size={22}
-            className={styles.settingsIcon}
-            to={`/users/${user.username}/settings/profile`}
-          />
+          <LinkButton
+            className={styles.settingsButton}
+            href={`/users/${user.username}/settings/profile`}
+          >
+            <Icon
+              iconNode={<SettingsIcon />}
+              size={22}
+              className={styles.settingsIcon}
+            />{' '}
+            Innstillinger
+          </LinkButton>
         )
       }
     >
@@ -195,12 +200,6 @@ const UserProfile = () => {
               </Modal>
             </DialogTrigger>
           )}
-          {showSettings && (
-            <LinkButton href={`/users/${user.username}/settings/profile`}>
-              <Icon iconNode={<SettingsIcon />} size={19} />
-              Innstillinger
-            </LinkButton>
-          )}
         </Flex>
         <Flex
           alignItems="center"