added scrolling on categories selection

2025-05-05 10:53:15 +02:00
parent e197319d9b
commit 04778c4d78
1 changed files with 7 additions and 9 deletions
--- 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>