From e9a52738f7996a5be1e0a4b44b2398232e83fa99 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 7 Sep 2023 17:42:39 +0800
Subject: [PATCH] Fix list layout icon

---
 .../elements/images/ListLayoutIcon.tsx        | 53 +++----------------
 .../components/templates/PrimaryDropdown.tsx  |  4 +-
 2 files changed, 8 insertions(+), 49 deletions(-)

diff --git a/packages/web/components/elements/images/ListLayoutIcon.tsx b/packages/web/components/elements/images/ListLayoutIcon.tsx
index 5afdddb34..68bdf8719 100644
--- a/packages/web/components/elements/images/ListLayoutIcon.tsx
+++ b/packages/web/components/elements/images/ListLayoutIcon.tsx
@@ -1,10 +1,8 @@
-
 export type ListLayoutIconProps = {
   color: string
 }
 
 export function ListLayoutIcon(props: ListLayoutIconProps): JSX.Element {
-
   return (
     <svg
       width="16"
@@ -13,51 +11,12 @@ export function ListLayoutIcon(props: ListLayoutIconProps): JSX.Element {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <rect
-        y="3"
-        width="1"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
-      <rect
-        y="8"
-        width="1"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
-      <rect
-        y="13"
-        width="1"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
-      <rect
-        x="3"
-        y="3"
-        width="13"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
-      <rect
-        x="3"
-        y="8"
-        width="13"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
-      <rect
-        x="3"
-        y="13"
-        width="13"
-        height="1"
-        rx="0.5"
-        fill={props.color}
-      />
+      <rect y="3" width="1" height="1" rx="0.5" fill={props.color} />
+      <rect y="8" width="1" height="1" rx="0.5" fill={props.color} />
+      <rect y="13" width="1" height="1" rx="0.5" fill={props.color} />
+      <rect x="3" y="3" width="13" height="1" rx="0.5" fill={props.color} />
+      <rect x="3" y="8" width="13" height="1" rx="0.5" fill={props.color} />
+      <rect x="3" y="13" width="13" height="1" rx="0.5" fill={props.color} />
     </svg>
   )
 }
diff --git a/packages/web/components/templates/PrimaryDropdown.tsx b/packages/web/components/templates/PrimaryDropdown.tsx
index e5679fe0f..431076b85 100644
--- a/packages/web/components/templates/PrimaryDropdown.tsx
+++ b/packages/web/components/templates/PrimaryDropdown.tsx
@@ -11,11 +11,11 @@ import {
   DropdownSeparator,
 } from '../elements/DropdownElements'
 import GridLayoutIcon from '../elements/images/GridLayoutIcon'
+import ListLayoutIcon from '../elements/images/ListLayoutIcon'
 import { Box, HStack, VStack } from '../elements/LayoutPrimitives'
 import { StyledText } from '../elements/StyledText'
 import { styled, theme, ThemeId } from '../tokens/stitches.config'
 import { LayoutType } from './homeFeed/HomeFeedContainer'
-import { ListViewIcon } from '../elements/icons/ListViewIcon'
 
 type PrimaryDropdownProps = {
   children?: ReactNode
@@ -71,7 +71,7 @@ export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element {
           break
         case 'navigate-to-saved-searches':
           router.push('/settings/saved-searches')
-          break;
+          break
         case 'logout':
           document.dispatchEvent(new Event('logout'))
           break