refactor(ui): unify remaining native selects (claims/sms/wallet/secretaries)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 21:06:45 +03:30
parent 0bc1b4a2e9
commit f41314a3ad
4 changed files with 36 additions and 41 deletions
@@ -23,6 +23,7 @@ import type { ApiResponse } from "../lib/api";
 import { api } from "../lib/api";
 import { formatDate, maskMobile, iranMobileSchema } from "../lib/utils";
 import MobileInput from "../components/ui/MobileInput";
+import SearchableSelect from "../components/ui/SearchableSelect";
 import { useAuthStore } from "../stores/authStore";
 import type { Secretary, SecretaryPermissions } from "../types";

@@ -525,22 +526,14 @@ export default function MySecretariesPage() {
                                پزشک اضافه کنید.
                            </p>
                        ) : (
-                            <select
-                                value={selectedDoctorUuid}
-                                onChange={(e) =>
-                                    setSelectedDoctorUuid(e.target.value)
-                                }
-                                style={{ width: "100%", maxWidth: 360 }}
-                            >
-                                <option value="">
-                                    — یک پزشک را انتخاب کنید —
-                                </option>
-                                {clinicDoctors.map((d) => (
-                                    <option key={d.uuid} value={d.uuid}>
-                                        {d.name}
-                                    </option>
-                                ))}
-                            </select>
+                            <div style={{ maxWidth: 360 }}>
+                                <SearchableSelect
+                                    options={clinicDoctors.map((d) => ({ value: d.uuid, label: d.name }))}
+                                    value={selectedDoctorUuid}
+                                    onChange={(v) => setSelectedDoctorUuid(v ? String(v) : "")}
+                                    placeholder="یک پزشک را انتخاب کنید"
+                                />
+                            </div>
                        )}
                    </div>
                </div>