File size: 1,091 Bytes
9705b6c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | import { useNavigate } from 'react-router-dom';
import { useLocalize, useConversation } from '~/hooks';
export default function NewChat() {
const { newConversation } = useConversation();
const navigate = useNavigate();
const localize = useLocalize();
const clickHandler = () => {
newConversation();
navigate('/chat/new');
};
return (
<a
data-testid="new-chat-button"
onClick={clickHandler}
className="flex h-11 flex-shrink-0 flex-grow cursor-pointer items-center gap-3 rounded-md border border-white/20 px-3 py-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
>
<svg
stroke="currentColor"
fill="none"
strokeWidth="2"
viewBox="0 0 24 24"
strokeLinecap="round"
strokeLinejoin="round"
className="h-4 w-4"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
{localize('com_ui_new_chat')}
</a>
);
}
|