From 638e31f7fe194359bad2803f14442158cfcccaf6 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 29 Feb 2024 13:58:22 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20use=20wavyBorder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/shared/UserSelect/UserSelect.tsx  | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
index f68214cd..81ef7923 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
@@ -6,15 +6,15 @@ import React, {
 } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useSelect } from 'downshift';
+import { UserSelectTheme, userSelectTheme } from './UserSelect.theme';
+import { EmptyUserSelectItem, UserSelectItem } from './UserSelectItem';
 import {
   BuildingIcon,
   ChevronUpDown,
   SettingsSlidersIcon,
-  SquigglyLine,
 } from 'components/shared/CustomIcon';
+import { WavyBorder } from 'components/shared/WavyBorder';
 import { cn } from 'utils/classnames';
-import { UserSelectTheme, userSelectTheme } from './UserSelect.theme';
-import { EmptyUserSelectItem, UserSelectItem } from './UserSelectItem';
 
 export type UserSelectOption = {
   value: string;
@@ -182,11 +182,9 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
           )}
         </div>
 
-        {/* Squiggly line */}
+        {/* WavyBorder */}
         {/* //TODO:remove if personal dont exist */}
-        <div>
-          <SquigglyLine />
-        </div>
+        <WavyBorder />
 
         <div className={theme.popoverItemWrapper()}>
           {/* //TODO:Personal (replace options with Personal Options) */}