From d916c493cbe647afca851715929c8960ee647555 Mon Sep 17 00:00:00 2001
From: Federico Ruggi <1081051+ruggi@users.noreply.github.com>
Date: Fri, 15 Dec 2023 19:16:10 +0100
Subject: [PATCH] Projects link in settings (#4663)

* projects link in settings

* snap

* snap?

* remove copypasta
---
 .../navigator/left-pane/settings-pane.tsx     | 20 +++++++++++
 editor/src/components/user-bar.tsx            | 36 +++++++++----------
 2 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/editor/src/components/navigator/left-pane/settings-pane.tsx b/editor/src/components/navigator/left-pane/settings-pane.tsx
index 256c6af8df94..9b1c3140c1ca 100644
--- a/editor/src/components/navigator/left-pane/settings-pane.tsx
+++ b/editor/src/components/navigator/left-pane/settings-pane.tsx
@@ -11,6 +11,7 @@ import {
   FlexRow,
   H2,
   HeadlessStringInput,
+  Icons,
   PopupList,
   Section,
   SectionBodyArea,
@@ -247,6 +248,25 @@ export const SettingsPane = React.memo(() => {
     >
       <Section>
         {isMyProject === 'yes' ? null : <ForksGiven />}
+        <UIGridRow padded variant='<-------------1fr------------->' style={{ marginBottom: 8 }}>
+          <a href='/projects' target='_blank' rel='noopener rofererrer'>
+            <Button
+              highlight
+              spotlight
+              outline={false}
+              style={{
+                width: '100%',
+                cursor: 'pointer',
+                height: UtopiaTheme.layout.inputHeight.default,
+                background: colorTheme.dynamicBlue.value,
+                color: colorTheme.bg1.value,
+                gap: 4,
+              }}
+            >
+              <Icons.ExternalLinkSmaller color='black' /> All projects
+            </Button>
+          </a>
+        </UIGridRow>
         <UIGridRow padded variant='<---1fr--->|------172px-------|'>
           <span style={{ color: colorTheme.fg2.value }}>Name</span>
           {userState.loginState.type !== 'LOGGED_IN' ? (
diff --git a/editor/src/components/user-bar.tsx b/editor/src/components/user-bar.tsx
index 780c57e444c9..f6924edc7a35 100644
--- a/editor/src/components/user-bar.tsx
+++ b/editor/src/components/user-bar.tsx
@@ -64,18 +64,16 @@ export const SinglePlayerUserBar = React.memo(() => {
     'SinglePlayerUserBar amIOwner',
   )
   return (
-    <a href='/projects' target='_blank' rel='noopener rofererrer'>
-      <div
-        style={{
-          width: 24,
-          height: 24,
-          position: 'relative',
-        }}
-      >
-        <Avatar userPicture={userPicture} isLoggedIn={true} />
-        {amIOwner ? <OwnerBadge /> : null}
-      </div>
-    </a>
+    <div
+      style={{
+        width: 24,
+        height: 24,
+        position: 'relative',
+      }}
+    >
+      <Avatar userPicture={userPicture} isLoggedIn={true} />
+      {amIOwner ? <OwnerBadge /> : null}
+    </div>
   )
 })
 SinglePlayerUserBar.displayName = 'SinglePlayerUserBar'
@@ -219,14 +217,12 @@ const MultiplayerUserBar = React.memo(() => {
           )
         }),
       )}
-      <a href='/projects' target='_blank' rel='noopener rofererrer'>
-        <MultiplayerAvatar
-          name={multiplayerInitialsFromName(myUser.name)}
-          color={multiplayerColorFromIndex(myUser.colorIndex)}
-          picture={myUser.avatar}
-          isOwner={amIOwner}
-        />
-      </a>
+      <MultiplayerAvatar
+        name={multiplayerInitialsFromName(myUser.name)}
+        color={multiplayerColorFromIndex(myUser.colorIndex)}
+        picture={myUser.avatar}
+        isOwner={amIOwner}
+      />
     </div>
   )
 })