Files
supabase/apps/database-new/components/Loaders/GraphLoader.tsx
T
Terry SuttonandIvan Vasilov b4fa734c85 Chore/use completions api (#20246)
* 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>
2024-02-19 15:52:58 -03:30

31 lines
763 B
TypeScript

import { Loader2 } from 'lucide-react'
const GraphLoader = () => {
return (
<div className="h-full w-full text-muted justify-start border-l">
<div className="flex gap-4">
<LineNumbers />
<div>
<div className="mt-4 flex items-center gap-2">
<Loader2 className="animate-spin opacity-100" size={16} strokeWidth={1} />
<span className="text-sm">Loading...</span>
</div>
</div>
</div>
</div>
)
}
export default GraphLoader
const LineNumbers = () => {
const lines = [1, 2, 3, 4, 5, 6]
return (
<div className="grid gap-2 border-r py-4 px-4 text-sm font-mono text-muted">
{lines.map((line) => (
<span key={line}>{line}</span>
))}
</div>
)
}