From 2eea7a84e72d48be91cdce97391232f761ce3a3a Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 5 Jun 2023 20:16:39 -0700
Subject: [PATCH] Rename Arrow.svg to Chevron.svg

Also added a new Arrow.svg with a stem
---
 components/FilterBar/index.scss                 | 2 +-
 components/Header/index.tsx                     | 4 ++--
 components/common/Select/index.tsx              | 8 ++++----
 components/search/SearchFilter/index.tsx        | 4 ++--
 public/icons/Arrow.svg                          | 4 ++--
 public/icons/Chevron.svg                        | 3 +++
 public/icons/{ArrowDark.svg => ChevronDark.svg} | 0
 7 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 public/icons/Chevron.svg
 rename public/icons/{ArrowDark.svg => ChevronDark.svg} (100%)

diff --git a/components/FilterBar/index.scss b/components/FilterBar/index.scss
index b8bde51e..5cfb852f 100644
--- a/components/FilterBar/index.scss
+++ b/components/FilterBar/index.scss
@@ -72,7 +72,7 @@
 
   select,
   .SelectTrigger {
-    // background: url("/icons/Arrow.svg"), $grey-90;
+    // background: url("/icons/Chevron.svg"), $grey-90;
     // background-repeat: no-repeat;
     // background-position-y: center;
     // background-position-x: 95%;
diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index b40746d6..3a5ccbe5 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -31,7 +31,7 @@ import Button from '~components/common/Button'
 import Tooltip from '~components/common/Tooltip'
 import * as Switch from '@radix-ui/react-switch'
 
-import ArrowIcon from '~public/icons/Arrow.svg'
+import ChevronIcon from '~public/icons/Chevron.svg'
 import LinkIcon from '~public/icons/Link.svg'
 import MenuIcon from '~public/icons/Menu.svg'
 import RemixIcon from '~public/icons/Remix.svg'
@@ -411,7 +411,7 @@ const Header = () => {
             <Button
               className={classNames({ Active: rightMenuOpen })}
               leftAccessoryIcon={profileImage()}
-              rightAccessoryIcon={<ArrowIcon />}
+              rightAccessoryIcon={<ChevronIcon />}
               rightAccessoryClassName="Arrow"
               onClick={handleRightMenuButtonClicked}
               blended={true}
diff --git a/components/common/Select/index.tsx b/components/common/Select/index.tsx
index d633b155..6947dbc8 100644
--- a/components/common/Select/index.tsx
+++ b/components/common/Select/index.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 import Overlay from '~components/common/Overlay'
 
-import ArrowIcon from '~public/icons/Arrow.svg'
+import ChevronIcon from '~public/icons/Chevron.svg'
 
 import './index.scss'
 
@@ -86,7 +86,7 @@ const Select = React.forwardRef<HTMLButtonElement, Props>(function Select(
         <RadixSelect.Value placeholder={props.placeholder} />
         {!props.disabled ? (
           <RadixSelect.Icon className="SelectIcon">
-            <ArrowIcon />
+            <ChevronIcon />
           </RadixSelect.Icon>
         ) : (
           ''
@@ -107,11 +107,11 @@ const Select = React.forwardRef<HTMLButtonElement, Props>(function Select(
             onPointerDownOutside={onPointerDownOutside}
           >
             <RadixSelect.ScrollUpButton className="Scroll Up">
-              <ArrowIcon />
+              <ChevronIcon />
             </RadixSelect.ScrollUpButton>
             <RadixSelect.Viewport>{props.children}</RadixSelect.Viewport>
             <RadixSelect.ScrollDownButton className="Scroll Down">
-              <ArrowIcon />
+              <ChevronIcon />
             </RadixSelect.ScrollDownButton>
           </RadixSelect.Content>
         </>
diff --git a/components/search/SearchFilter/index.tsx b/components/search/SearchFilter/index.tsx
index 9d08e62b..0da565e5 100644
--- a/components/search/SearchFilter/index.tsx
+++ b/components/search/SearchFilter/index.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
 
-import ArrowIcon from '~public/icons/Arrow.svg'
+import ChevronIcon from '~public/icons/Chevron.svg'
 import './index.scss'
 
 interface Props {
@@ -22,7 +22,7 @@ const SearchFilter = (props: Props) => {
           <span className="count">{props.numSelected}</span>
         </div>
         <span className="icon">
-          <ArrowIcon />
+          <ChevronIcon />
         </span>
       </DropdownMenu.Trigger>
       <DropdownMenu.Content className="Dropdown" sideOffset={4}>
diff --git a/public/icons/Arrow.svg b/public/icons/Arrow.svg
index ad87e8ad..39565ec4 100644
--- a/public/icons/Arrow.svg
+++ b/public/icons/Arrow.svg
@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.93618 4.62991C2.73179 4.44423 2.41557 4.4594 2.22989 4.6638C2.04421 4.8682 2.05938 5.18441 2.26378 5.37009L6.65743 9.36145C6.72962 9.42702 6.81576 9.46755 6.90516 9.48353C7.05808 9.51688 7.2243 9.47812 7.34882 9.3647L11.7346 5.36964C11.9388 5.18368 11.9535 4.86745 11.7676 4.6633C11.5816 4.45916 11.2654 4.44441 11.0612 4.63037L7.00447 8.32569L2.93618 4.62991Z" />
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.84732 2.05019L7.84732 9.92919L10.8934 6.88308C11.2005 6.57597 11.6985 6.57597 12.0056 6.88308C12.3127 7.19019 12.3127 7.68812 12.0056 7.99523L7.56857 12.4322C7.5648 12.4362 7.56098 12.4401 7.55711 12.4439C7.25 12.751 6.75208 12.751 6.44497 12.4439L6.44485 12.4438L1.99638 7.99534C1.68927 7.68823 1.68927 7.19031 1.99638 6.8832C2.30349 6.57609 2.80142 6.57609 3.10853 6.8832L6.27451 10.0492L6.27451 2.05019C6.27451 1.61587 6.6266 1.26379 7.06092 1.26379C7.49524 1.26379 7.84732 1.61587 7.84732 2.05019Z"/>
 </svg>
diff --git a/public/icons/Chevron.svg b/public/icons/Chevron.svg
new file mode 100644
index 00000000..ad87e8ad
--- /dev/null
+++ b/public/icons/Chevron.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.93618 4.62991C2.73179 4.44423 2.41557 4.4594 2.22989 4.6638C2.04421 4.8682 2.05938 5.18441 2.26378 5.37009L6.65743 9.36145C6.72962 9.42702 6.81576 9.46755 6.90516 9.48353C7.05808 9.51688 7.2243 9.47812 7.34882 9.3647L11.7346 5.36964C11.9388 5.18368 11.9535 4.86745 11.7676 4.6633C11.5816 4.45916 11.2654 4.44441 11.0612 4.63037L7.00447 8.32569L2.93618 4.62991Z" />
+</svg>
diff --git a/public/icons/ArrowDark.svg b/public/icons/ChevronDark.svg
similarity index 100%
rename from public/icons/ArrowDark.svg
rename to public/icons/ChevronDark.svg