From c77fd946ee0a4c0c67db9f20747b32f712bb3c28 Mon Sep 17 00:00:00 2001
From: Zhang Minghan <zmh13054618081@dingtalk.com>
Date: Sun, 14 Jan 2024 15:55:36 +0800
Subject: [PATCH] fix: e.current.name is undefined

---
 app/src/components/SelectGroup.tsx      |  4 ++--
 app/src/components/home/ModelFinder.tsx | 12 +++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/src/components/SelectGroup.tsx b/app/src/components/SelectGroup.tsx
index 95e6ce4..42d5e63 100644
--- a/app/src/components/SelectGroup.tsx
+++ b/app/src/components/SelectGroup.tsx
@@ -105,13 +105,13 @@ function SelectGroupMobile(props: SelectGroupProps) {
   return (
     <div className={`mb-2 w-full`}>
       <Select
-        value={props.current.name || ""}
+        value={props.current?.name || ""}
         onValueChange={(value: string) => {
           props.onChange?.(value);
         }}
       >
         <SelectTrigger className="select-group mobile">
-          <SelectValue placeholder={props.current.value} />
+          <SelectValue placeholder={props.current?.value || ""} />
         </SelectTrigger>
         <SelectContent
           className={`${props.className} ${props.classNameMobile}`}
diff --git a/app/src/components/home/ModelFinder.tsx b/app/src/components/home/ModelFinder.tsx
index 3163aab..308e73e 100644
--- a/app/src/components/home/ModelFinder.tsx
+++ b/app/src/components/home/ModelFinder.tsx
@@ -70,6 +70,11 @@ function ModelFinder(props: ModelSelectorProps) {
       ? supportModels.filter((model) => list.includes(model.id))
       : supportModels.filter((model) => model.default);
 
+    if (raw.length === 0) raw.push({
+      name: "default",
+      id: "default",
+    } as Model);
+
     return [
       ...raw.map((model: Model): SelectItemProps => filterModel(model, level)),
       {
@@ -80,6 +85,11 @@ function ModelFinder(props: ModelSelectorProps) {
     ];
   }, [supportModels, level, student, sync]);
 
+  const current = useMemo((): SelectItemProps => {
+    const raw = models.find((item) => item.name === model);
+    return raw || models[0];
+  }, [models, model]);
+
   useEffect(() => {
     setInterval(() => {
       if (supportModels.length === 0) return;
@@ -89,7 +99,7 @@ function ModelFinder(props: ModelSelectorProps) {
 
   return (
     <SelectGroup
-      current={models.find((item) => item.name === model) as SelectItemProps}
+      current={current}
       list={models}
       maxElements={3}
       side={props.side}