chore: modified "retry" generation flow to give users the option of retrying with prev failed response or entering a new prompt into the provided field

pull/988/head
utin-francis-peter 3 weeks ago
parent 7e1cf10cb2
commit 2cca7d60d5

@ -187,10 +187,30 @@ export default function Conversation() {
})}
</div>
)}
{queries.length === 0 && <Hero handleQuestion={handleQuestion} />}
</div>
<div className="bottom-0 flex w-11/12 flex-col items-end self-center bg-white pt-1 dark:bg-raisin-black sm:w-6/12 md:fixed">
{!lastQueryReturnedErr ? (
{lastQueryReturnedErr && (
<button
className="mb-5 flex items-center justify-center gap-3 self-center rounded-full border border-silver 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({
question: queries[queries.length - 1].prompt,
isRetry: true,
})
}
>
<RetryIcon
fill={isDarkTheme ? 'rgb(236 236 241)' : 'rgb(107 114 120)'}
stroke={isDarkTheme ? 'rgb(236 236 241)' : 'rgb(107 114 120)'}
/>
Retry
</button>
)}
<div className="flex h-full w-full items-center rounded-full border border-silver">
<div
id="inputbox"
@ -232,29 +252,6 @@ export default function Conversation() {
</div>
)}
</div>
) : (
<div className="flex w-full flex-col items-center p-1">
<p className="dark:text-bright-gray">
There was an error during generation
</p>
<button
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({
question: queries[queries.length - 1].prompt,
isRetry: true,
})
}
>
<RetryIcon
fill={isDarkTheme ? 'rgb(236 236 241)' : 'rgb(107 114 120)'}
stroke={isDarkTheme ? 'rgb(236 236 241)' : 'rgb(107 114 120)'}
/>
Retry
</button>
</div>
)}
<p className="text-gray-595959 hidden w-[100vw] self-center bg-white bg-transparent p-5 text-center text-xs dark:bg-raisin-black dark:text-bright-gray md:inline md:w-full">
{t('tagline')}

Loading…
Cancel
Save