From 53a991176bb5e775269501a44f0298bafe3c6ef2 Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Wed, 31 Jan 2024 15:29:01 -0800
Subject: [PATCH] Changed icon for view actions.

---
 src/app/(main)/settings/teams/TeamsTable.tsx               | 7 ++++---
 src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx    | 2 +-
 .../(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx   | 5 +++--
 src/app/(main)/settings/websites/WebsiteSettings.tsx       | 2 +-
 src/app/(main)/settings/websites/WebsitesTable.tsx         | 2 +-
 src/assets/bar-chart.svg                                   | 2 +-
 src/assets/change.svg                                      | 1 +
 src/assets/magnet.svg                                      | 2 +-
 src/components/messages.ts                                 | 1 +
 9 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/change.svg

diff --git a/src/app/(main)/settings/teams/TeamsTable.tsx b/src/app/(main)/settings/teams/TeamsTable.tsx
index 82ba054d..56bf0f81 100644
--- a/src/app/(main)/settings/teams/TeamsTable.tsx
+++ b/src/app/(main)/settings/teams/TeamsTable.tsx
@@ -1,7 +1,8 @@
 'use client';
-import { Button, GridColumn, GridTable, Icon, Icons, Text, useBreakpoint } from 'react-basics';
+import { Button, GridColumn, GridTable, Icon, Text, useBreakpoint } from 'react-basics';
 import Link from 'next/link';
 import { useMessages, useLogin } from 'components/hooks';
+import Icons from 'components/icons';
 import { ROLES } from 'lib/constants';
 
 export function TeamsTable({ data = [] }: { data: any[] }) {
@@ -42,9 +43,9 @@ export function TeamsTable({ data = [] }: { data: any[] }) {
               <Link href={`/teams/${id}`}>
                 <Button>
                   <Icon>
-                    <Icons.External />
+                    <Icons.Change />
                   </Icon>
-                  <Text>{formatMessage(labels.view)}</Text>
+                  <Text>{formatMessage(labels.switch)}</Text>
                 </Button>
               </Link>
             </>
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx b/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx
index f0a16604..d26ddc95 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/TeamSettings.tsx
@@ -32,7 +32,7 @@ export function TeamSettings({ teamId }: { teamId: string }) {
         <PageHeader title={team?.name} icon={<Icons.Users />}>
           <LinkButton href={`/teams/${teamId}`} variant="primary">
             <Icon>
-              <Icons.External />
+              <Icons.Change />
             </Icon>
             <Text>{formatMessage(labels.view)}</Text>
           </LinkButton>
diff --git a/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx b/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx
index 2fb691a2..1a819646 100644
--- a/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/TeamWebsitesTable.tsx
@@ -1,6 +1,7 @@
 import Link from 'next/link';
-import { Button, GridColumn, GridTable, Icon, Icons, Text } from 'react-basics';
+import { Button, GridColumn, GridTable, Icon, Text } from 'react-basics';
 import { useMessages } from 'components/hooks';
+import Icons from 'components/icons';
 
 export function TeamWebsitesTable({
   data = [],
@@ -21,7 +22,7 @@ export function TeamWebsitesTable({
             <Link href={`/websites/${websiteId}`}>
               <Button>
                 <Icon>
-                  <Icons.External />
+                  <Icons.Change />
                 </Icon>
                 <Text>{formatMessage(labels.view)}</Text>
               </Button>
diff --git a/src/app/(main)/settings/websites/WebsiteSettings.tsx b/src/app/(main)/settings/websites/WebsiteSettings.tsx
index bceeff01..f1e8f004 100644
--- a/src/app/(main)/settings/websites/WebsiteSettings.tsx
+++ b/src/app/(main)/settings/websites/WebsiteSettings.tsx
@@ -30,7 +30,7 @@ export function WebsiteSettings({ websiteId, openExternal = false }) {
         <Link href={`/websites/${websiteId}`} target={openExternal ? '_blank' : null}>
           <Button variant="primary">
             <Icon>
-              <Icons.External />
+              <Icons.ArrowRight />
             </Icon>
             <Text>{formatMessage(labels.view)}</Text>
           </Button>
diff --git a/src/app/(main)/settings/websites/WebsitesTable.tsx b/src/app/(main)/settings/websites/WebsitesTable.tsx
index 159d0b5e..a1f0c475 100644
--- a/src/app/(main)/settings/websites/WebsitesTable.tsx
+++ b/src/app/(main)/settings/websites/WebsitesTable.tsx
@@ -50,7 +50,7 @@ export function WebsitesTable({
                   <Link href={renderTeamUrl(`/websites/${id}`)}>
                     <Button>
                       <Icon>
-                        <Icons.External />
+                        <Icons.ArrowRight />
                       </Icon>
                       <Text>{formatMessage(labels.view)}</Text>
                     </Button>
diff --git a/src/assets/bar-chart.svg b/src/assets/bar-chart.svg
index 25a182a3..ae8b8708 100644
--- a/src/assets/bar-chart.svg
+++ b/src/assets/bar-chart.svg
@@ -1 +1 @@
-<svg height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m7 13v9a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm7-12h-4a1 1 0 0 0 -1 1v20a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-20a1 1 0 0 0 -1-1zm8 5h-4a1 1 0 0 0 -1 1v15a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-15a1 1 0 0 0 -1-1z"/></svg>
\ No newline at end of file
+<svg height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M7 13v9a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm7-12h-4a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm8 5h-4a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"/></svg>
\ No newline at end of file
diff --git a/src/assets/change.svg b/src/assets/change.svg
new file mode 100644
index 00000000..1b27e85f
--- /dev/null
+++ b/src/assets/change.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.013 512.013" style="enable-background:new 0 0 512.013 512.013" xml:space="preserve"><path d="m372.653 244.726 22.56 22.56 112-112c6.204-6.241 6.204-16.319 0-22.56l-112-112-22.56 22.72 84.8 84.64H.013v32h457.44l-84.8 84.64zM512.013 352.086H54.573l84.8-84.64-22.72-22.72-112 112c-6.204 6.241-6.204 16.319 0 22.56l112 112 22.56-22.56-84.64-84.64h457.44v-32z"/></svg>
\ No newline at end of file
diff --git a/src/assets/magnet.svg b/src/assets/magnet.svg
index 3c64c3ee..aa778237 100644
--- a/src/assets/magnet.svg
+++ b/src/assets/magnet.svg
@@ -1 +1 @@
-<svg height="512" viewBox="0 0 508.467 508.467" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m426.815 239.006c-11.722-11.724-30.702-11.729-42.427-.001-65.928 65.929 49.291-49.292-116.718 116.718-53.811 53.809-142.478 19.197-140.68-54.511.547-22.415 9.826-43.738 26.129-60.041l116.717-116.717c11.724-11.722 11.728-30.702 0-42.427l-46.668-46.669c-11.725-11.725-30.702-11.726-42.427 0-16.642 16.643-102.078 102.078-120.112 120.112-39.05 39.05-60.582 90.97-60.629 146.195-.093 110.827 88.182 206.288 206.244 206.394 56.778 0 109.204-21.924 148.29-61.01l118.948-118.948c11.724-11.722 11.728-30.702 0-42.427zm-224.861-182.434 46.669 46.669-58.455 58.456-46.669-46.669zm131.367 369.264c-69.043 69.043-182.868 70.02-251.708.933-68.763-69.009-68.66-181.196.229-250.086l40.443-40.443 46.669 46.669-37.049 37.049c-45.115 45.112-46.916 116.85-3.395 160.371 43.279 43.279 115.221 41.756 160.372-3.394l37.049-37.049 46.669 46.669zm60.494-60.493-46.669-46.669 58.456-58.456 46.669 46.669z"/><path d="m379.357 95.099c15.199 3.839 30.418 19.07 34.336 34.192 2.089 8.058 10.303 12.828 18.283 10.758 8.02-2.078 12.836-10.264 10.758-18.283-6.651-25.662-30.176-49.223-56.03-55.753-8.032-2.027-16.188 2.838-18.217 10.869-2.029 8.032 2.837 16.189 10.87 18.217z"/><path d="m507.984 102.124c-12.016-46.375-55.215-89.504-101.745-101.256-8.032-2.027-16.188 2.838-18.217 10.869-2.029 8.032 2.838 16.188 10.87 18.217 35.882 9.063 70.769 43.871 80.051 79.695 2.088 8.058 10.304 12.828 18.283 10.758 8.02-2.078 12.836-10.263 10.758-18.283z"/></g></svg>
\ No newline at end of file
+<svg height="512" viewBox="0 0 508.467 508.467" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M426.815 239.006c-11.722-11.724-30.702-11.729-42.427-.001L267.67 355.723c-53.811 53.809-142.478 19.197-140.68-54.511.547-22.415 9.826-43.738 26.129-60.041l116.717-116.717c11.724-11.722 11.728-30.702 0-42.427l-46.668-46.669c-11.725-11.725-30.702-11.726-42.427 0L60.629 155.47C21.579 194.52.047 246.44 0 301.665c-.093 110.827 88.182 206.288 206.244 206.394 56.778 0 109.204-21.924 148.29-61.01l118.948-118.948c11.724-11.722 11.728-30.702 0-42.427zM201.954 56.572l46.669 46.669-58.455 58.456-46.669-46.669zm131.367 369.264c-69.043 69.043-182.868 70.02-251.708.933-68.763-69.009-68.66-181.196.229-250.086l40.443-40.443 46.669 46.669-37.049 37.049c-45.115 45.112-46.916 116.85-3.395 160.371 43.279 43.279 115.221 41.756 160.372-3.394l37.049-37.049 46.669 46.669zm60.494-60.493-46.669-46.669 58.456-58.456 46.669 46.669zM379.357 95.099c15.199 3.839 30.418 19.07 34.336 34.192 2.089 8.058 10.303 12.828 18.283 10.758 8.02-2.078 12.836-10.264 10.758-18.283-6.651-25.662-30.176-49.223-56.03-55.753-8.032-2.027-16.188 2.838-18.217 10.869-2.029 8.032 2.837 16.189 10.87 18.217zM507.984 102.124C495.968 55.749 452.769 12.62 406.239.868c-8.032-2.027-16.188 2.838-18.217 10.869-2.029 8.032 2.838 16.188 10.87 18.217 35.882 9.063 70.769 43.871 80.051 79.695 2.088 8.058 10.304 12.828 18.283 10.758 8.02-2.078 12.836-10.263 10.758-18.283z"/></svg>
\ No newline at end of file
diff --git a/src/components/messages.ts b/src/components/messages.ts
index ffa5f0d9..7bf9a1f7 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -202,6 +202,7 @@ export const labels = defineMessages({
   },
   select: { id: 'label.select', defaultMessage: 'Select' },
   myAccount: { id: 'label.my-account', defaultMessage: 'My account' },
+  switch: { id: 'label.switch', defaultMessage: 'Switch' },
 });
 
 export const messages = defineMessages({