Merge pull request #2498 from Bilb/fix-open-browser-icon-settings

fix: add externalLink icon and use it for the settings needing it

ts/components/icon/Icons.tsx

@@ -39,6 +39,7 @@ export type SessionIconType =
   | 'moon'
   | 'mute'
   | 'oxen'
+  | 'externalLink'
   | 'pause'
   | 'pencil'
   | 'phone'
@@ -321,6 +322,12 @@ export const icons = {
     viewBox: '0 0 1000 214.3',
     ratio: 4,
   },
+  externalLink: {
+    path:
+      'M20.576 2.125C19.37.921 17.697.687 15.562.687H6.555c-2.104 0-3.779.234-4.985 1.438C.366 3.33.146 4.988.146 7.086v8.942c0 2.139.22 3.788 1.423 4.99 1.208 1.205 2.881 1.437 5.004 1.437h8.99c2.134 0 3.809-.232 5.013-1.438 1.203-1.203 1.424-2.85 1.424-4.99V7.116c0-2.137-.22-3.798-1.424-4.99Zm-.872 4.662v9.56c0 1.226-.155 2.338-.813 2.998-.648.646-1.783.814-2.998.814H6.254c-1.215 0-2.352-.168-3.01-.814-.646-.66-.803-1.772-.803-2.999v-9.53c0-1.237.157-2.368.803-3.016.658-.658 1.805-.817 3.04-.817h9.609c1.215 0 2.35.169 2.998.817.658.658.813 1.77.813 2.987ZM14.735 14.61c.584 0 .96-.442.96-1.061V8.094c0-.802-.45-1.162-1.176-1.162H9.033c-.635 0-1.04.376-1.04.959s.412.959 1.053.959h1.979l1.607-.188-1.741 1.592-4.106 4.115c-.198.198-.33.475-.33.75 0 .617.424 1.02 1.018 1.02.317 0 .578-.116.788-.324l4.095-4.093 1.582-1.723-.171 1.694v1.87c0 .634.376 1.048.968 1.048Z',
+    viewBox: '0 0 22 23',
+    ratio: 1,
+  },
   pause: {
     path:
       'M14.22,45.665v186.013c0,25.223,16.711,45.66,37.327,45.66c20.618,0,37.339-20.438,37.339-45.66V45.665c0-25.211-16.721-45.657-37.339-45.657C30.931,0,14.22,20.454,14.22,45.665zM225.78,0c-20.614,0-37.325,20.446-37.325,45.657V231.67c0,25.223,16.711,45.652,37.325,45.652s37.338-20.43,37.338-45.652V45.665C263.109,20.454,246.394,0,225.78,0z',

ts/components/settings/SessionSettingListItem.tsx

@@ -106,7 +106,7 @@ export const SessionSettingsTitleWithLink = (props: { title: string; onClick: ()
   return (
     <StyledSettingItemClickable onClick={onClick}>
       <SettingsTitleAndDescription title={title} />
-      <SessionIconButton iconSize={'large'} iconType="chevron" iconRotation={270} />
+      <SessionIconButton iconSize={'medium'} iconType="externalLink" isSelected={true} />
     </StyledSettingItemClickable>
   );
 };