update files-state, add toast, add zustand

src/app/components/upload-section-file.tsx

@@ -5,6 +5,7 @@ import { IconShieldAdd } from '@/app/ui/icons/icons';
 import { fileUpload, cancelUpload, chunkUpload, checkChunkStatus } from '@/app/actions/fileUpload';
 import { useTranslations } from 'next-intl';
 import { useNavigationBlocker } from '@/app/hooks/useNavigationBlocker';
+import { useQueryClient } from '@tanstack/react-query';
 interface SelectedFile {
 	file: File;
 	preview: string | undefined;
@@ -38,7 +39,7 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 	const [uploadId, setUploadId] = useState<string | null>(null);
 	const [isFileUploaded, setIsFileUploaded] = useState<boolean>(false);
 	const [uploadProgress, setUploadProgress] = useState<number>(0);
-
+	const queryClient = useQueryClient();
 	const isCancelledRef = useRef(false);
 
 	const t = useTranslations('Global');
@@ -92,7 +93,7 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 
 		default:
 			break;
-	}
+	};
 
 	const acceptString = useMemo(() => {
 		if (!allowedExtensions || !Array.isArray(allowedExtensions)) {
@@ -292,6 +293,7 @@ export default function UploadSectionFile({ fileType, allowedExtensions, maxFile
 			const chunkStatus = await checkChunkStatus(response.upload_id);
 			if (chunkStatus.message_body.missing_chunks === 0) {
 				setIsFileUploaded(true);
+				await queryClient.invalidateQueries({ queryKey: ['userFilesData'] });
 			} else {
 				throw new Error('Not all chunks were uploaded');
 			}