From 301b4a4424e94fe0a9ce1d544db2e222dfd2185d Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 26 Mar 2025 10:56:02 +0700
Subject: [PATCH] fix dropdown groups on create wallet rule

---
 .../master/walletRule/blocks/AddDialog.tsx    | 50 ++++++-------------
 1 file changed, 16 insertions(+), 34 deletions(-)

diff --git a/src/pages/master/walletRule/blocks/AddDialog.tsx b/src/pages/master/walletRule/blocks/AddDialog.tsx
index 7ff2241..9228226 100644
--- a/src/pages/master/walletRule/blocks/AddDialog.tsx
+++ b/src/pages/master/walletRule/blocks/AddDialog.tsx
@@ -194,7 +194,7 @@ const AddDialog = () => {
                       onValueChange={(value) => setFormField({ ...formField, id_wallet: value })}
                     >
                       <SelectTrigger>
-                        <SelectValue placeholder="Select Transaction Type" />
+                        <SelectValue placeholder="Select Wallet Type" />
                       </SelectTrigger>
                       <SelectContent>
                         {wallets.map((wallet) => (
@@ -212,39 +212,21 @@ const AddDialog = () => {
                     <label className="form-label flex items-center gap-1 max-w-56">
                       Group<span className="text-red-500">*</span>
                     </label>
-                    <Popover open={open} onOpenChange={setOpen}>
-                      <PopoverTrigger asChild>
-                        <button type="button" className="input col-span-5 text-left">
-                          {groups.find((group) => group.ID === formField.id_group)?.name ||
-                            'Select Groups'}
-                        </button>
-                      </PopoverTrigger>
-                      <PopoverContent className="w-[400px] p-0">
-                        <Command>
-                          <CommandInput placeholder="Search Groups..." />
-                          <CommandList>
-                            <CommandEmpty>No Group found.</CommandEmpty>
-                            <CommandGroup>
-                              {groups.map((group) => (
-                                <CommandItem
-                                  key={group.ID}
-                                  value={group.ID}
-                                  onSelect={() => {
-                                    setFormField({
-                                      ...formField,
-                                      id_group: group.ID
-                                    });
-                                    setOpen(false);
-                                  }}
-                                >
-                                  {group.name}
-                                </CommandItem>
-                              ))}
-                            </CommandGroup>
-                          </CommandList>
-                        </Command>
-                      </PopoverContent>
-                    </Popover>
+                    <Select
+                      value={formField.id_group}
+                      onValueChange={(value) => setFormField({ ...formField, id_group: value })}
+                    >
+                      <SelectTrigger>
+                        <SelectValue placeholder="Select Group Type" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {groups.map((group) => (
+                          <SelectItem key={group.ID} value={group.ID}>
+                            {group.name}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
                   </div>
                 </div>