@ -187,10 +187,30 @@ export default function Conversation() {
} ) }
} ) }
< / div >
< / div >
) }
) }
{ queries . length === 0 && < Hero handleQuestion = { handleQuestion } / > }
{ queries . length === 0 && < Hero handleQuestion = { handleQuestion } / > }
< / div >
< / 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" >
< 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 className = "flex h-full w-full items-center rounded-full border border-silver" >
< div
< div
id = "inputbox"
id = "inputbox"
@ -232,29 +252,6 @@ export default function Conversation() {
< / div >
< / div >
) }
) }
< / 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" >
< 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' ) }
{ t ( 'tagline' ) }