24 lines
916 B
TypeScript
24 lines
916 B
TypeScript
import { IconRefresh } from "@tabler/icons-react";
|
|
import { FC } from "react";
|
|
import { useTranslation } from "next-i18next";
|
|
|
|
interface Props {
|
|
onRegenerate: () => void;
|
|
}
|
|
|
|
export const Regenerate: FC<Props> = ({ onRegenerate }) => {
|
|
const { t } = useTranslation('chat')
|
|
return (
|
|
<div className="fixed sm:absolute bottom-4 sm:bottom-8 w-full sm:w-1/2 px-2 left-0 sm:left-[280px] lg:left-[200px] right-0 ml-auto mr-auto">
|
|
<div className="text-center mb-4 text-red-500">{t('Sorry, there was an error.')}</div>
|
|
<button
|
|
className="flex items-center justify-center w-full h-12 bg-neutral-100 dark:bg-[#444654] text-neutral-500 dark:text-neutral-200 text-sm font-semibold rounded-lg border border-b-neutral-300 dark:border-none"
|
|
onClick={onRegenerate}
|
|
>
|
|
<IconRefresh className="mr-2" />
|
|
<div>{t('Regenerate response')}</div>
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|