chore: modified handleQuestion params for more clarity

This commit is contained in:
utin-francis-peter 2024-06-09 13:47:51 +01:00
parent 32c06414c5
commit ee762c3c68
2 changed files with 23 additions and 6 deletions

View File

@ -4,7 +4,13 @@ import { useTranslation } from 'react-i18next';
export default function Hero({
handleQuestion,
}: {
handleQuestion: (question: string) => void;
handleQuestion: ({
question,
isRetry,
}: {
question: string;
isRetry?: boolean;
}) => void;
}) {
const { t } = useTranslation();
const demos = t('demo', { returnObjects: true }) as Array<{
@ -30,7 +36,7 @@ export default function Hero({
demo.query && (
<Fragment key={key}>
<button
onClick={() => handleQuestion(demo.query)}
onClick={() => handleQuestion({ question: demo.query })}
className="w-full rounded-full border-2 border-silver px-6 py-4 text-left hover:border-gray-4000 dark:hover:border-gray-3000 xl:min-w-[24vw]"
>
<p className="mb-1 font-semibold text-black dark:text-silver">

View File

@ -89,7 +89,13 @@ export default function Conversation() {
});
};
const handleQuestion = (question: string, isRetry = false) => {
const handleQuestion = ({
question,
isRetry = false,
}: {
question: string;
isRetry?: boolean;
}) => {
question = question.trim();
if (question === '') return;
setEventInterrupt(false);
@ -198,7 +204,7 @@ export default function Conversation() {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
if (inputRef.current?.textContent && status !== 'loading') {
handleQuestion(inputRef.current.textContent);
handleQuestion({ question: inputRef.current.textContent });
inputRef.current.textContent = '';
}
}
@ -215,7 +221,9 @@ export default function Conversation() {
className="w-6 text-white "
onClick={() => {
if (inputRef.current?.textContent) {
handleQuestion(inputRef.current.textContent);
handleQuestion({
question: inputRef.current.textContent,
});
inputRef.current.textContent = '';
}
}}
@ -233,7 +241,10 @@ export default function Conversation() {
className="mt-3 flex items-center justify-center gap-3 rounded-full border-2 border-gray-400 py-3 px-8 text-lg text-gray-500 transition-colors delay-100 hover:border-gray-500 disabled:cursor-not-allowed dark:text-bright-gray"
disabled={status === 'loading'}
onClick={() =>
handleQuestion(queries[queries.length - 1].prompt, true)
handleQuestion({
question: queries[queries.length - 1].prompt,
isRetry: true,
})
}
>
{/* <img