mirror of
https://github.com/supabase/supabase.git
synced 2026-07-06 21:44:22 +08:00
b4fa734c85
* Start * Refactor code and remove unused imports * Refactor SchemaFlowHandler and UserChat components * Refactor code and remove unused files * Refactor Thread component and remove CurrentThreadName import * Remove oldest_messages view from supabase.ts * Refactor supabase.ts file * Hook up loading state ChatInput component and remove old route handlers * Add updated prompt * Refactor chat form component and remove unused code * Make the suspense work when fetching messages. * Small refactor in the chat assistant form component. * Experimenting with streaming responses. WIP. * Move all components to thread_id/message_id folder. * Massive refactor but uses Nextjs app router properly. * Add a conditional submit which is used if the user haven't been logged in. * Add a typecheck command to db-new app. * Minor fixes. * Bunch of minor fixes. * Clean up more code. * Refactor the AssistantChatForm to use the new React forms features. * Run fitView after 50 milliseconds because it didn't run in some cases. * Style and flow nudges * Prettier * Delete old file --------- Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
81 lines
1.9 KiB
TypeScript
81 lines
1.9 KiB
TypeScript
'use client'
|
|
|
|
import { deleteThread } from '@/app/actions'
|
|
import { createRef, useEffect } from 'react'
|
|
import { useFormState, useFormStatus } from 'react-dom'
|
|
import { Button, Input_Shadcn_, Modal } from 'ui'
|
|
import { ThreadType } from './Threads'
|
|
|
|
const ConfirmDeleteThreadModal = ({
|
|
thread,
|
|
onClose,
|
|
visible,
|
|
}: {
|
|
thread: ThreadType
|
|
onClose: () => void
|
|
visible: boolean
|
|
}) => {
|
|
const formRef = createRef<HTMLFormElement>()
|
|
|
|
const initialState = {
|
|
message: '',
|
|
success: false,
|
|
data: {
|
|
thread_id: thread.thread_id,
|
|
},
|
|
}
|
|
|
|
const [state, formAction] = useFormState(deleteThread, initialState)
|
|
|
|
useEffect(() => {
|
|
if (state?.success === true) {
|
|
onClose()
|
|
formRef.current?.reset()
|
|
state.success = false
|
|
}
|
|
}, [state, onClose, formRef])
|
|
|
|
useEffect(() => {
|
|
if (state?.success === true) {
|
|
onClose()
|
|
formRef.current?.reset()
|
|
state.success = false
|
|
}
|
|
}, [state, onClose, formRef])
|
|
|
|
function SubmitButton() {
|
|
const { pending } = useFormStatus()
|
|
|
|
return (
|
|
<Button type="warning" htmlType="submit" aria-disabled={pending} loading={pending}>
|
|
Delete thread
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<Modal
|
|
size="small"
|
|
visible={visible}
|
|
onCancel={onClose}
|
|
hideFooter
|
|
header="Confirm to delete thread?"
|
|
className="pb-2"
|
|
>
|
|
<form action={formAction} key={`${thread.thread_id}-delete-thread-form`}>
|
|
<Modal.Content className="py-4">
|
|
<p className="text-sm">Once the thread is deleted, it cannot be recovered.</p>
|
|
</Modal.Content>
|
|
<Modal.Separator />
|
|
<Input_Shadcn_ name="thread_id" value={state.data.thread_id} type="hidden" />
|
|
<Modal.Content className="flex flex-row gap-3 justify-end">
|
|
<Button type="default">Cancel</Button>
|
|
<SubmitButton />
|
|
</Modal.Content>
|
|
</form>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default ConfirmDeleteThreadModal
|