From d694ab1b16b9829d3dc96b68ba01b10606d378a5 Mon Sep 17 00:00:00 2001
From: Jeet Desai <52026385+jeet1desai@users.noreply.github.com>
Date: Tue, 2 Apr 2024 16:02:17 +0530
Subject: [PATCH] Fix: Update Icon Button Color and Menu Transparency with
 Icons (#4704)

Fixes: #4654
---
 .../components/ViewPickerCreateOrEditContent.tsx       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx
index 92e98f3fc..8d6ca8bff 100644
--- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx
+++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { Key } from 'ts-key-enum';
-import { IconChevronLeft, IconX } from 'twenty-ui';
+import { IconChevronLeft, IconLayoutKanban, IconTable, IconX } from 'twenty-ui';
 
 import { IconPicker } from '@/ui/input/components/IconPicker';
 import { Select } from '@/ui/input/components/Select';
@@ -141,8 +141,12 @@ export const ViewPickerCreateOrEditContent = () => {
               value={viewPickerType}
               onChange={(value) => setViewPickerType(value)}
               options={[
-                { value: ViewType.Table, label: 'Table' },
-                { value: ViewType.Kanban, label: 'Kanban' },
+                { value: ViewType.Table, label: 'Table', Icon: IconTable },
+                {
+                  value: ViewType.Kanban,
+                  label: 'Kanban',
+                  Icon: IconLayoutKanban,
+                },
               ]}
               dropdownId={VIEW_PICKER_VIEW_TYPE_DROPDOWN_ID}
             />