From 04778c4d78be3058118311064e02074298b87d66 Mon Sep 17 00:00:00 2001
From: Andrii Solianyk <asolianik2015@gmail.com>
Date: Mon, 5 May 2025 10:53:15 +0200
Subject: [PATCH] added scrolling on categories selection

---
 ArtisanConnect/app/(tabs)/notice/create.jsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/ArtisanConnect/app/(tabs)/notice/create.jsx b/ArtisanConnect/app/(tabs)/notice/create.jsx
index ab8477a..5db9f01 100644
--- a/ArtisanConnect/app/(tabs)/notice/create.jsx
+++ b/ArtisanConnect/app/(tabs)/notice/create.jsx
@@ -15,9 +15,8 @@ import {
   SelectPortal,
   SelectBackdrop,
   SelectContent,
-  SelectDragIndicator,
-  SelectDragIndicatorWrapper,
   SelectItem,
+  SelectScrollView,
 } from "@/components/ui/select";
 
 import { ChevronDownIcon } from "@/components/ui/icon";
@@ -185,13 +184,12 @@ export default function CreateNotice() {
             </SelectTrigger>
             <SelectPortal>
               <SelectBackdrop />
-              <SelectContent>
-                <SelectDragIndicatorWrapper>
-                  <SelectDragIndicator />
-                </SelectDragIndicatorWrapper>
-                {selectItems.map((item) => (
-                    <SelectItem key={item.value} label={item.label} value={item.value}/>
-                ))}
+              <SelectContent style={{ maxHeight: 400 }}>
+                <SelectScrollView>
+                  {selectItems.map((item) => (
+                      <SelectItem key={item.value} label={item.label} value={item.value} />
+                  ))}
+                </SelectScrollView>
               </SelectContent>
             </SelectPortal>
           </Select>