Merge pull request #131 from OpenAssistantGPT/feat/handle-file-upload

feat: use toast correctly and export it
OpenAssistantGPT · Oct 18, 2024 · 9f5d09d · 9f5d09d
2 parents 2a1873b + 0387c04
commit 9f5d09d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/.changeset/chilled-cars-teach.md b/.changeset/chilled-cars-teach.md
@@ -0,0 +1,6 @@
+---
+'openassistantgpt': patch
+'@openassistantgpt/ui': patch
+---
+
+Export toast to be able to use them in app
diff --git a/packages/ui/components/chat.tsx b/packages/ui/components/chat.tsx
@@ -7,7 +7,8 @@ import { cn } from '@/lib/utils';
 
 import { useAssistant, Message } from '@openassistantgpt/react';
 import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';
-import { toast } from '@/components/ui/use-toast';
+import { useToast } from '@/components/ui/use-toast';
+
 import {
   Tooltip,
   TooltipContent,
@@ -48,7 +49,7 @@ export function OpenAssistantGPTChat({
   ...props
 }: ChatbotProps) {
   let inputFileRef = useRef<HTMLInputElement>(null);
-
+  const { toast } = useToast()
   const { formRef, onKeyDown } = useEnterSubmit();
 
   const {
@@ -167,6 +168,12 @@ export function OpenAssistantGPTChat({
           name: pathname,
           contentType: contentType,
         };
+      } else if (response.status === 413) {
+        toast({
+          title: 'Error',
+          description: 'File size is too large, please try a smaller file.',
+          variant: 'destructive',
+        });
       } else {
         const { error } = await response.json();
         toast({

diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
@@ -4,3 +4,5 @@ import { ChatbotConfig } from './chatbot';
 
 export { type ChatbotConfig };
 export { OpenAssistantGPTChat };
+export { useToast } from "@/components/ui/use-toast"
+
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,3 +4,5 @@ import { ChatbotConfig } from './chatbot';

		export { type ChatbotConfig };
		export { OpenAssistantGPTChat };
		export { useToast } from "@/components/ui/use-toast"