chatbot-ui/components/setup/finish-step.tsx

21 lines
485 B
TypeScript

import { FC } from "react"
import { useTranslation } from 'react-i18next'
interface FinishStepProps {
displayName: string
}
export const FinishStep: FC<FinishStepProps> = ({ displayName }) => {
const { t } = useTranslation()
return (
<div className="space-y-4">
<div>
{t("setup.WelcomeToChatAIUI")}
{displayName.length > 0 ? `, ${displayName.split(" ")[0]}` : null}!
</div>
<div>{t("setup.ClickNextToStartChatting")}</div>
</div>
)
}