From 064519a2aa9bd867c6f129d928b3d2560acdf72a Mon Sep 17 00:00:00 2001
From: Drew Lyton <31733517+drewlyton@users.noreply.github.com>
Date: Tue, 27 Aug 2024 14:04:08 -0400
Subject: [PATCH] feat(sanity): Update presence menu button for inviting new
 collaborators (#7406)

* feat: Update precense menu button for inviting new collaborators

* feat: use query param to automatically open invite modal

* feat: update sanity icons

* Update packages/sanity/src/core/i18n/bundles/studio.ts

Co-authored-by: Jon Eide Johnsen <joneidejohnsen@gmail.com>

* feat: update icon placement and i18n strings

* Update packages/sanity/src/core/studio/components/navbar/navDrawer/ManageMenu.tsx

Co-authored-by: Jon Eide Johnsen <joneidejohnsen@gmail.com>

* fix: add query param to invite link

---------

Co-authored-by: Jon Eide Johnsen <joneidejohnsen@gmail.com>
Co-authored-by: Rico Kahler <ricokahler@gmail.com>
---
 dev/design-studio/package.json                              | 2 +-
 dev/studio-e2e-testing/package.json                         | 2 +-
 dev/test-studio/package.json                                | 2 +-
 packages/sanity/src/core/i18n/bundles/studio.ts             | 4 ++--
 .../core/studio/components/navbar/navDrawer/ManageMenu.tsx  | 6 +++---
 .../core/studio/components/navbar/presence/PresenceMenu.tsx | 6 +++---
 .../core/studio/components/navbar/userMenu/ManageMenu.tsx   | 6 +++---
 pnpm-lock.yaml                                              | 6 +++---
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/dev/design-studio/package.json b/dev/design-studio/package.json
index 17cb7afb66e..6f448edff79 100644
--- a/dev/design-studio/package.json
+++ b/dev/design-studio/package.json
@@ -31,7 +31,7 @@
     "start": "../.bin/sanity start --port 4000"
   },
   "dependencies": {
-    "@sanity/icons": "^3.3.1",
+    "@sanity/icons": "^3.4.0",
     "@sanity/ui": "^2.8.8",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
diff --git a/dev/studio-e2e-testing/package.json b/dev/studio-e2e-testing/package.json
index d92207b5a12..654965da532 100644
--- a/dev/studio-e2e-testing/package.json
+++ b/dev/studio-e2e-testing/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@sanity/google-maps-input": "^4.0.0",
-    "@sanity/icons": "^3.3.1",
+    "@sanity/icons": "^3.4.0",
     "@sanity/ui": "^2.8.8",
     "@sanity/vision": "3.55.0",
     "react": "^18.3.1",
diff --git a/dev/test-studio/package.json b/dev/test-studio/package.json
index 44e80414669..76940a93ca9 100644
--- a/dev/test-studio/package.json
+++ b/dev/test-studio/package.json
@@ -23,7 +23,7 @@
     "@sanity/client": "^6.21.2",
     "@sanity/color": "^3.0.0",
     "@sanity/google-maps-input": "^4.0.0",
-    "@sanity/icons": "^3.3.1",
+    "@sanity/icons": "^3.4.0",
     "@sanity/image-url": "^1.0.2",
     "@sanity/locale-ko-kr": "^1.0.1",
     "@sanity/locale-nb-no": "^1.0.1",
diff --git a/packages/sanity/src/core/i18n/bundles/studio.ts b/packages/sanity/src/core/i18n/bundles/studio.ts
index 6dd3a52416b..cebc6c89600 100644
--- a/packages/sanity/src/core/i18n/bundles/studio.ts
+++ b/packages/sanity/src/core/i18n/bundles/studio.ts
@@ -1099,8 +1099,8 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   'package-version.new-package-available.reload-button': 'Push to reload',
   /** Title of the alert for studio users when packages in their studio are out-of-date */
   'package-version.new-package-available.title': 'Sanity Studio is ready to update!',
-  /** Label for action to manage members of the current studio project */
-  'presence.action.manage-members': 'Manage members',
+  /** Label for action to invite members to the current studio project */
+  'presence.action.manage-members': 'Invite members',
   /** Accessibility label for presence menu button */
   'presence.aria-label': 'Global presence',
   /** Message description for when no one else is currently present */
diff --git a/packages/sanity/src/core/studio/components/navbar/navDrawer/ManageMenu.tsx b/packages/sanity/src/core/studio/components/navbar/navDrawer/ManageMenu.tsx
index 54d0f3f5c6d..a02f099f967 100644
--- a/packages/sanity/src/core/studio/components/navbar/navDrawer/ManageMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/navDrawer/ManageMenu.tsx
@@ -1,4 +1,4 @@
-import {CogIcon, UsersIcon} from '@sanity/icons'
+import {AddUserIcon, CogIcon} from '@sanity/icons'
 import {Card, Stack} from '@sanity/ui'
 
 import {Button} from '../../../../../ui-components'
@@ -39,8 +39,8 @@ export function ManageMenu() {
             <Button
               aria-label={t('user-menu.action.invite-members-aria-label')}
               as="a"
-              href={`https://sanity.io/manage/project/${projectId}/members`}
-              icon={UsersIcon}
+              href={`https://www.sanity.io/manage/project/${projectId}/members?invite=true`}
+              icon={AddUserIcon}
               justify="flex-start"
               mode="bleed"
               size="large"
diff --git a/packages/sanity/src/core/studio/components/navbar/presence/PresenceMenu.tsx b/packages/sanity/src/core/studio/components/navbar/presence/PresenceMenu.tsx
index b6c45c781b9..38b466a0b02 100644
--- a/packages/sanity/src/core/studio/components/navbar/presence/PresenceMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/presence/PresenceMenu.tsx
@@ -1,4 +1,4 @@
-import {CogIcon, UsersIcon} from '@sanity/icons'
+import {AddUserIcon, UsersIcon} from '@sanity/icons'
 import {Box, Menu, MenuDivider, Stack, Text} from '@sanity/ui'
 import {useCallback, useMemo, useState} from 'react'
 import {styled} from 'styled-components'
@@ -107,8 +107,8 @@ export function PresenceMenu() {
 
             <MenuItem
               as="a"
-              href={`https://sanity.io/manage/project/${projectId}`}
-              iconRight={CogIcon}
+              href={`https://www.sanity.io/manage/project/${projectId}/members?invite=true`}
+              icon={AddUserIcon}
               onFocus={handleClearFocusedItem}
               rel="noopener noreferrer"
               target="_blank"
diff --git a/packages/sanity/src/core/studio/components/navbar/userMenu/ManageMenu.tsx b/packages/sanity/src/core/studio/components/navbar/userMenu/ManageMenu.tsx
index 518eb3ac929..f7e2b97f27a 100644
--- a/packages/sanity/src/core/studio/components/navbar/userMenu/ManageMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/userMenu/ManageMenu.tsx
@@ -1,4 +1,4 @@
-import {CogIcon, UsersIcon} from '@sanity/icons'
+import {AddUserIcon, CogIcon} from '@sanity/icons'
 import {MenuDivider} from '@sanity/ui'
 
 import {MenuItem} from '../../../../../ui-components'
@@ -27,10 +27,10 @@ export function ManageMenu() {
         <MenuItem
           as="a"
           aria-label={t('user-menu.action.invite-members-aria-label')}
-          href={`https://sanity.io/manage/project/${projectId}/members`}
+          href={`https://www.sanity.io/manage/project/${projectId}/members?invite=true`}
           target="_blank"
           text={t('user-menu.action.invite-members')}
-          icon={UsersIcon}
+          icon={AddUserIcon}
         />
       )}
     </>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7aac5ac7ad9..6d42573ea33 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -243,7 +243,7 @@ importers:
   dev/design-studio:
     dependencies:
       '@sanity/icons':
-        specifier: ^3.3.1
+        specifier: ^3.4.0
         version: 3.4.0(react@18.3.1)
       '@sanity/ui':
         specifier: ^2.8.8
@@ -370,7 +370,7 @@ importers:
         specifier: ^4.0.0
         version: 4.0.1(react-dom@18.3.1(react@18.3.1))(react-is@19.0.0-rc-a7d1240c-20240731)(react@18.3.1)(sanity@packages+sanity)(styled-components@6.1.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/icons':
-        specifier: ^3.3.1
+        specifier: ^3.4.0
         version: 3.4.0(react@18.3.1)
       '@sanity/ui':
         specifier: ^2.8.8
@@ -457,7 +457,7 @@ importers:
         specifier: ^4.0.0
         version: 4.0.1(react-dom@18.3.1(react@18.3.1))(react-is@19.0.0-rc-a7d1240c-20240731)(react@18.3.1)(sanity@packages+sanity)(styled-components@6.1.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/icons':
-        specifier: ^3.3.1
+        specifier: ^3.4.0
         version: 3.4.0(react@18.3.1)
       '@sanity/image-url':
         specifier: ^1.0.2