From fcaeabf07d10dcb09a64d4b11ca4890a54844d63 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Tue, 27 Feb 2024 11:36:14 +0700
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20update=20pr=20?=
 =?UTF-8?q?review?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/Select/SelectItem/SelectItem.tsx           |  2 +-
 packages/frontend/src/pages/components/index.tsx      | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
index 3b2b683d..a6bbc487 100644
--- a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
+++ b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx
@@ -48,7 +48,7 @@ const SelectItem = forwardRef<HTMLLIElement, SelectItemProps>(
         );
       }
       return null;
-    }, [rightIcon]);
+    }, [rightIcon, theme, cloneIcon, cn, selected]);
 
     return (
       <li
diff --git a/packages/frontend/src/pages/components/index.tsx b/packages/frontend/src/pages/components/index.tsx
index 2171581f..aab2d652 100644
--- a/packages/frontend/src/pages/components/index.tsx
+++ b/packages/frontend/src/pages/components/index.tsx
@@ -1,9 +1,11 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Calendar } from 'components/shared/Calendar';
 import { DatePicker } from 'components/shared/DatePicker';
 import { Radio } from 'components/shared/Radio';
 import { SegmentedControls } from 'components/shared/SegmentedControls';
 import { Switch } from 'components/shared/Switch';
+import { useState } from 'react';
+import { Value } from 'react-calendar/dist/cjs/shared/types';
 import { avatars, avatarsFallback } from './renders/avatar';
 import { renderBadges } from './renders/badge';
 import {
@@ -16,6 +18,7 @@ import {
   renderCheckbox,
   renderCheckboxWithDescription,
 } from './renders/checkbox';
+import { DropdownExample } from './renders/dropdown';
 import {
   renderInlineNotificationWithDescriptions,
   renderInlineNotifications,
@@ -31,10 +34,6 @@ import {
 import { renderDefaultTag, renderMinimalTag } from './renders/tag';
 import { renderToast, renderToastsWithCta } from './renders/toast';
 import { renderTooltips } from './renders/tooltip';
-import { DropdownExample } from './renders/dropdown';
-
-type ValuePiece = Date | null;
-type Value = ValuePiece | [ValuePiece, ValuePiece];
 
 const Page: React.FC = () => {
   const [singleDate, setSingleDate] = useState<Value>();
@@ -274,7 +273,7 @@ const Page: React.FC = () => {
           {/* Dropdown */}
           <div className="flex flex-col gap-10 items-center justify-between">
             <h1 className="text-2xl font-bold">Dropdown / Select</h1>
-            {<DropdownExample />}
+            <DropdownExample />
           </div>
 
           <div className="w-full h border border-gray-200 px-20 my-10" />