122 lines
3.0 KiB
JavaScript
122 lines
3.0 KiB
JavaScript
// components/PhoneInput.tsx
|
|
import {
|
|
Button,
|
|
Divider,
|
|
FormControl,
|
|
FormLabel,
|
|
HStack,
|
|
Icon,
|
|
Input,
|
|
Select,
|
|
Table,
|
|
TableCaption,
|
|
TableContainer,
|
|
Tbody,
|
|
Td,
|
|
Text,
|
|
Textarea,
|
|
Th,
|
|
Thead,
|
|
Tr,
|
|
VStack,
|
|
} from "@chakra-ui/react";
|
|
import { TbMathMax, TbPrompt } from "react-icons/tb";
|
|
import { FaDraft2Digital } from "react-icons/fa";
|
|
import { FaPlay } from "react-icons/fa";
|
|
import { MdOutlineQuestionAnswer } from "react-icons/md";
|
|
import { useForm } from "react-hook-form";
|
|
|
|
export default function LlmPanel() {
|
|
const { register, handleSubmit } = useForm();
|
|
|
|
const addSubmit = (e) => {
|
|
console.log(e);
|
|
};
|
|
|
|
return (
|
|
<VStack
|
|
spacing={4}
|
|
w="100%"
|
|
h="100%"
|
|
alignItems="start"
|
|
overflowY="auto"
|
|
as={"form"}
|
|
onSubmit={handleSubmit(addSubmit)}
|
|
>
|
|
{" "}
|
|
<HStack>
|
|
<FormControl as={VStack} alignItems={"start"} justifyContent={"start"}>
|
|
<HStack>
|
|
<Icon
|
|
as={TbMathMax}
|
|
bgColor={"gray.200"}
|
|
borderRadius={"50%"}
|
|
p={"5px"}
|
|
fontSize={"25px"}
|
|
border={"1px"}
|
|
borderColor={"gray.300"}
|
|
/>
|
|
<FormLabel w={"120px"}>حداکثر تعداد توکن:</FormLabel>
|
|
</HStack>
|
|
<Input bgColor={"white"} {...register("token")} />
|
|
</FormControl>
|
|
<FormControl as={VStack} alignItems={"start"}>
|
|
<HStack>
|
|
<Icon
|
|
as={FaDraft2Digital}
|
|
bgColor={"gray.200"}
|
|
borderRadius={"50%"}
|
|
p={"5px"}
|
|
fontSize={"25px"}
|
|
border={"1px"}
|
|
borderColor={"gray.300"}
|
|
/>
|
|
<FormLabel>تعداد:</FormLabel>
|
|
</HStack>
|
|
<Input bgColor={"white"} {...register("number")} />
|
|
</FormControl>
|
|
</HStack>
|
|
<FormControl as={VStack} alignItems={"start"}>
|
|
<HStack>
|
|
<Icon
|
|
as={TbPrompt}
|
|
bgColor={"gray.200"}
|
|
borderRadius={"50%"}
|
|
p={"5px"}
|
|
fontSize={"25px"}
|
|
border={"1px"}
|
|
borderColor={"gray.300"}
|
|
/>
|
|
<FormLabel>پرامپت:</FormLabel>
|
|
</HStack>
|
|
<Textarea bgColor={"white"} {...register("prompts")} />
|
|
</FormControl>
|
|
<Button p={"20px"} colorScheme="pink" leftIcon={<FaPlay />} type="submit">
|
|
اجرا
|
|
</Button>
|
|
<Divider my={"20px"} />
|
|
<TableContainer w={"100%"} mt={"10px"}>
|
|
<Table>
|
|
<Thead>
|
|
<Tr>
|
|
<Th fontSize={"20px"}>ردیف</Th>
|
|
</Tr>
|
|
</Thead>
|
|
<Tbody></Tbody>
|
|
</Table>
|
|
</TableContainer>
|
|
<Divider my={"20px"} />
|
|
<FormControl
|
|
bgColor={"purple.50"}
|
|
border={"1px"}
|
|
borderColor={"gray.200"}
|
|
p={"10px"}
|
|
borderRadius={"10px"}
|
|
>
|
|
<FormLabel fontSize={"20px"}>نتیجه</FormLabel>
|
|
<Textarea bgColor={"white"} />
|
|
</FormControl>
|
|
</VStack>
|
|
);
|
|
}
|