mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
Jonathan Summers-Muir
9b8cc37a34
* init deletion * Update package-lock.json * remove shadcn stories * update TS errors * Update package-lock.json
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
// import { StoryObj } from '@storybook/react'
|
|
// import { AssistantChatForm } from './AssistantChatForm'
|
|
// import { Box, User } from 'lucide-react'
|
|
// import { createRef, useRef, useState } from 'react'
|
|
|
|
// // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
// export default {
|
|
// title: 'AI/Assistant Chat',
|
|
// component: AssistantChatForm,
|
|
// parameters: {
|
|
// // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
|
|
// layout: 'centered',
|
|
// },
|
|
// decorators: [
|
|
// (Story: any) => {
|
|
// return (
|
|
// <div className="w-80">
|
|
// <Story />
|
|
// </div>
|
|
// )
|
|
// },
|
|
// ],
|
|
// // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
|
|
// tags: ['autodocs'],
|
|
// // More on argTypes: https://storybook.js.org/docs/api/argtypes
|
|
// // argTypes: {},
|
|
// }
|
|
|
|
// // export default meta
|
|
|
|
// type Story = StoryObj<typeof AssistantChatForm>
|
|
|
|
// export const Primary: Story = {
|
|
// render: function Render(args) {
|
|
// const textAreaRef = createRef<HTMLTextAreaElement>()
|
|
// const [value, setValueState] = useState('')
|
|
// const [loading, setLoading] = useState(false)
|
|
|
|
// function handleSubmit(event: React.FormEvent) {
|
|
// // set loading for 3 seconds and then reset
|
|
// setLoading(true)
|
|
// setTimeout(() => {
|
|
// setLoading(false)
|
|
// }, 1500)
|
|
// }
|
|
|
|
// return (
|
|
// <AssistantChatForm
|
|
// {...args}
|
|
// textAreaRef={textAreaRef}
|
|
// icon={<Box strokeWidth={1.5} size={24} className="text-foreground-muted" />}
|
|
// value={value}
|
|
// loading={loading}
|
|
// disabled={loading}
|
|
// onValueChange={(e) => setValueState(e.target.value)}
|
|
// onSubmit={async (event) => {
|
|
// event.preventDefault()
|
|
// handleSubmit(event)
|
|
// }}
|
|
// />
|
|
// )
|
|
// },
|
|
// args: {
|
|
// // placeholder: 'Ask AI a question...',
|
|
// },
|
|
// }
|