chore: add back clear convo dialog

This commit is contained in:
Daniel Avila 2023-03-28 19:10:22 -04:00
parent e706f0ea9e
commit f53b620df5

View file

@ -1,9 +1,10 @@
import React from 'react'; import React from 'react';
import store from '~/store';
import TrashIcon from '../svg/TrashIcon'; import TrashIcon from '../svg/TrashIcon';
import { useSWRConfig } from 'swr'; import { useSWRConfig } from 'swr';
import manualSWR from '~/utils/fetchers'; import manualSWR from '~/utils/fetchers';
import { Dialog, DialogTrigger } from '../ui/Dialog.tsx';
import store from '~/store'; import DialogTemplate from '../ui/DialogTemplate';
export default function ClearConvos() { export default function ClearConvos() {
const { newConversation } = store.useConversation(); const { newConversation } = store.useConversation();
@ -13,6 +14,7 @@ export default function ClearConvos() {
const { trigger } = manualSWR(`/api/convos/clear`, 'post', () => { const { trigger } = manualSWR(`/api/convos/clear`, 'post', () => {
newConversation(); newConversation();
refreshConversations(); refreshConversations();
mutate(`/api/convos`);
}); });
const clickHandler = () => { const clickHandler = () => {
@ -21,12 +23,25 @@ export default function ClearConvos() {
}; };
return ( return (
<a <Dialog>
className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10" <DialogTrigger asChild>
onClick={clickHandler} <a
> className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
<TrashIcon /> // onClick={clickHandler}
Clear conversations >
</a> <TrashIcon />
Clear conversations
</a>
</DialogTrigger>
<DialogTemplate
title="Clear conversations"
description="Are you sure you want to clear all conversations? This is irreversible."
selection={{
selectHandler: clickHandler,
selectClasses: 'bg-red-600 hover:bg-red-700 dark:hover:bg-red-800 text-white',
selectText: 'Clear'
}}
/>
</Dialog>
); );
} }