fix: 修复依赖缺失错误

TeamVastsea · Aug 16, 2024 · 7e02274 · 7e02274
1 parent eafd78e
commit 7e02274
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 17 deletions.
diff --git a/app/(root)/survey/components/FillBlank.tsx b/app/(root)/survey/components/FillBlank.tsx
@@ -1,6 +1,6 @@
 import { Space, Textarea } from '@mantine/core';
 import React, { useRef } from 'react';
-import { InputProps } from '@/app/survey/components/generateQuestion';
+import type { InputProps } from './generateQuestion';
 
 export function FillBlank(proos: InputProps) {
     const ref = useRef<HTMLTextAreaElement>(null);

diff --git a/app/(root)/survey/components/SingleChoice.tsx b/app/(root)/survey/components/SingleChoice.tsx
@@ -1,10 +1,8 @@
-import { useState } from 'react';
-import { Group, Radio, Stack, Text } from '@mantine/core';
+import { Group, Radio, Space, Stack, Text } from '@mantine/core';
 import classes from './SingleChoice.module.css';
-import type { Value } from './generateQuestion';
+import type { InputProps, Value } from './generateQuestion';
 
 export function SingleChoice(props: ChoiceProps) {
-    const [value, setValue] = useState<string | null>(null);
     const data = props.choice;
 
     const cards = data.map(({ title, content }, index) => (
@@ -22,23 +20,19 @@ export function SingleChoice(props: ChoiceProps) {
     return (
         <>
             <Radio.Group
-              value={value}
-              onChange={setValue}
-              label="Pick one option"
-              description="Choose an option"
+              value={props.value}
+              onChange={props.setValue}
             >
                 <Stack pt="md" gap="xs">
                     {cards}
                 </Stack>
             </Radio.Group>
 
-            <Text fz="xs" mt="md">
-                CurrentValue: {value || '–'}
-            </Text>
+            <Space h={40} />
         </>
     );
 }
 
-export interface ChoiceProps {
+export interface ChoiceProps extends InputProps {
     choice: Value[];
 }
diff --git a/app/(root)/survey/components/generateQuestion.tsx b/app/(root)/survey/components/generateQuestion.tsx
@@ -5,30 +5,34 @@ import { MultipleChoice } from './MultipleChoice';
 import { FileUpload } from './FileUpload';
 import { FillBlank } from './FillBlank';
 
-export function generateQuestion(data: QuestionProps) {
+export function generateQuestion(
+    data: QuestionProps,
+    value: string | undefined,
+    setValue: (value: string) => void
+) {
     switch (data.type) {
         case 1:
             return (
                 <div key={data.id}>
                     <Title order={3}>{`${data.content.title}`}</Title>
                     <p>{data.content.content}</p>
-                    <FillBlank />
+                    <FillBlank value={value} setValue={setValue} />
                 </div>
             );
         case 2:
             return (
                 <div key={data.id}>
                     <Title order={3}>{`${data.content.title}`}</Title>
                     <p>{data.content.content}</p>
-                    <SingleChoice choice={data.values} />
+                    <SingleChoice choice={data.values} value={value} setValue={setValue} />
                 </div>
             );
         case 3:
             return (
                 <div key={data.id}>
                     <Title order={3}>{`${data.content.title}`}</Title>
                     <p>{data.content.content}</p>
-                    <MultipleChoice choice={data.values} />
+                    <MultipleChoice choice={data.values} value={value} setValue={setValue} />
                 </div>
             );
         case 4:
@@ -60,3 +64,8 @@ export interface Value {
     content: string
     title: string
 }
+
+export interface InputProps {
+    value: string | undefined,
+    setValue: (value: string) => void,
+}
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "test": "npm run prettier:check && npm run lint && npm run typecheck && npm run jest"
   },
   "dependencies": {
+    "@floating-ui/utils": "^0.2.7",
     "@mantine/core": "7.12.1",
     "@mantine/hooks": "7.12.1",
     "@mantine/notifications": "^7.12.1",