From 06516b984f6f6f8540430b56a22b95b2fa80b9ee Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 27 Aug 2023 16:12:47 +0800
Subject: [PATCH] Added select section to newBookmarkForm

---
 components/newBookmarkForm.tsx | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/components/newBookmarkForm.tsx b/components/newBookmarkForm.tsx
index aa59d28..6286a2a 100644
--- a/components/newBookmarkForm.tsx
+++ b/components/newBookmarkForm.tsx
@@ -114,12 +114,15 @@ export default function NewBookmarkForm({
 										title={'Bookmark'}>
 										<form className='flex flex-col gap-4'>
 											<Select
-												label='Select category'
+												label='Category'
 												placeholder='Select a category'
 												selectedKeys={value}
-												onSelectionChange={setValue}>
-												{categories.length > 0 ? (
-													categories.map(
+												onSelectionChange={setValue}
+												disabledKeys={['placeholder']}>
+												<SelectSection
+													showDivider
+													title='Categories'>
+													{[...categories].map(
 														(category) => (
 															<SelectItem
 																key={
@@ -131,14 +134,8 @@ export default function NewBookmarkForm({
 																{category.name}
 															</SelectItem>
 														)
-													)
-												) : (
-													<SelectItem
-														key={'test'}
-														value={'test'}>
-														{'test'}
-													</SelectItem>
-												)}
+													)}
+												</SelectSection>
 											</Select>
 											<Input
 												autoFocus