ID search support

hato-org · Jan 10, 2024 · 68fa3d6 · 68fa3d6
1 parent c60ea6f
commit 68fa3d6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/timetable/editor/Card.tsx b/src/components/timetable/editor/Card.tsx
@@ -35,15 +35,16 @@ import { useClassList, useCourseList, useGradeList } from '@/services/info';
 
 const Card = React.memo(
   ({
+    defaultIsOpen,
     _id,
     title,
     description,
     schedules,
     owner,
     meta,
     ...rest
-  }: UserSchedule) => {
-    const { isOpen, onToggle } = useDisclosure();
+  }: UserSchedule & { defaultIsOpen?: boolean }) => {
+    const { isOpen, onToggle } = useDisclosure({ defaultIsOpen });
     const {
       isOpen: importModalOpen,
       onOpen: importModalOnOpen,

diff --git a/src/components/timetable/editor/UserScheduleSearch.tsx b/src/components/timetable/editor/UserScheduleSearch.tsx
@@ -32,7 +32,7 @@ export function UserScheduleSearch() {
 
   const [isFilterEnabled, { toggle }] = useBoolean(false);
 
-  const [inputVal, setInputVal] = useState('');
+  const [inputVal, setInputVal] = useState(searchParams.get('q') ?? '');
   const [grade, setGrade] = useState<GradeInfo>();
   const [classInfo, setClass] = useState<ClassInfo>();
   const [course, setCourse] = useState<CourseInfo>();
@@ -138,7 +138,12 @@ export function UserScheduleSearch() {
           {data
             ?.filter(({ owner }) => owner !== user._id)
             .map((schedule) => (
-              <UserScheduleCard key={schedule._id} {...schedule} />
+              <UserScheduleCard
+                // expand by default when search by ID
+                defaultIsOpen={schedule._id === inputVal}
+                key={schedule._id}
+                {...schedule}
+              />
             ))}
         </VStack>
       )}