complated si check request

src/features/modals/siModal/utils/tyeps.ts

@@ -14,7 +14,6 @@ export interface PricingConfig {
 export interface FileUploadModalProps {
   isOpen: boolean;
   onClose: () => void;
-  onSubmit: (documentName: string, file: File, wordCount: number) => void;
   pricing?: PricingConfig;
 }
 

src/features/modals/siModal/utils/useFileUpload.ts

@@ -3,6 +3,10 @@
 import { useState, useCallback, useRef } from 'react';
 import { UploadedFile } from './tyeps';
 import { countWordsFromFile, SUPPORTED_EXTENSIONS } from './wordCount';
+import { useMutation } from '@tanstack/react-query';
+import { apiRequest } from '@/shared/request/apiRequest';
+import { links } from '@/shared/request/links';
+import { toast } from 'react-toastify';
 
 interface UseFileUploadReturn {
   documentName: string;
@@ -28,6 +32,17 @@ export function useFileUpload(): UseFileUploadReturn {
   const [error, setError] = useState<string | null>(null);
   const fileInputRef = useRef<HTMLInputElement | null>(null);
 
+  const wordCount = useMutation({
+    mutationFn: (data: FormData) => apiRequest('POST', links.si_create, data),
+    onSuccess: (res) => {
+      console.log(res);
+    },
+    onError: (err) => {
+      console.log(err instanceof Error ? err.message : 'Unknown error');
+      toast.error(err instanceof Error ? err.message : 'Unknown error');
+    },
+  });
+
   const validateFile = (file: File): string | null => {
     const ext = '.' + file.name.split('.').pop()?.toLowerCase();
     if (!SUPPORTED_EXTENSIONS.includes(ext)) {
@@ -77,7 +92,14 @@ export function useFileUpload(): UseFileUploadReturn {
         wordCount: result.count,
       });
     }
-
+    console.log('running');
+    if (!file) return;
+    console.log('running inner');
+    const fd = new FormData();
+    fd.append('title', file.name.replace(/\.[^/.]+$/, ''));
+    fd.append('file', file);
+    wordCount.mutate(fd);
+    console.log('stop');
     setIsProcessing(false);
   }, []);