From e30555c865f5f1acbe1c15d5c3408fbacafdfff7 Mon Sep 17 00:00:00 2001
From: Jakub Kotula <520927+jkbktl@users.noreply.github.com>
Date: Fri, 18 Oct 2024 13:18:57 +0200
Subject: [PATCH] fix `<DropdownMenu.SubTrigger>` icon; unknown network typo
 (#629)

---
 .changeset/polite-cobras-accept.md                      | 5 +++++
 packages/colors/src/networks.ts                         | 2 +-
 packages/components/src/dropdown-menu/dropdown-menu.tsx | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/polite-cobras-accept.md

diff --git a/.changeset/polite-cobras-accept.md b/.changeset/polite-cobras-accept.md
new file mode 100644
index 00000000..4ec25a85
--- /dev/null
+++ b/.changeset/polite-cobras-accept.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix <DropdownMenu.SubTrigger /> icon; unknown network typo
diff --git a/packages/colors/src/networks.ts b/packages/colors/src/networks.ts
index 0ed9f8e2..985fd975 100644
--- a/packages/colors/src/networks.ts
+++ b/packages/colors/src/networks.ts
@@ -4,7 +4,7 @@ export const networks = {
   hermez: 'rgba(235 132 98 / 100%)',
   optimism: 'rgba(231 110 110 / 100%)',
   polygon: 'rgba(173 113 243 / 100%)',
-  unknow: 'rgba(238 242 245 / 100%)',
+  unknown: 'rgba(238 242 245 / 100%)',
   'x-dai': 'rgba(63 192 189 / 100%)',
   'zk-sync': 'rgba(159 160 254 / 100%)',
 }
diff --git a/packages/components/src/dropdown-menu/dropdown-menu.tsx b/packages/components/src/dropdown-menu/dropdown-menu.tsx
index 99879e0b..22fc7772 100644
--- a/packages/components/src/dropdown-menu/dropdown-menu.tsx
+++ b/packages/components/src/dropdown-menu/dropdown-menu.tsx
@@ -2,8 +2,8 @@ import { cloneElement, forwardRef, useId } from 'react'
 
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
 import {
-  ArrowRightIcon,
   CheckIcon,
+  ChevronRightIcon,
   ExternalIcon,
   SearchIcon,
 } from '@status-im/icons/20'
@@ -301,7 +301,7 @@ export const SubTrigger = (props: SubTriggerProps) => {
         <span className={iconStyles({ danger })}>{cloneElement(icon)}</span>
       )}
       <span className={labelStyles({ danger })}>{label}</span>
-      <ArrowRightIcon className="text-neutral-50" />
+      <ChevronRightIcon className="text-neutral-50" />
     </DropdownMenu.SubTrigger>
   )
 }