draft toast modification done for production

src/App.tsx

@@ -234,10 +234,6 @@ function AppRoutes({ onLogout }: AppProps) {
     setDynamicRequests([...dynamicRequests, newCustomRequest]);
 
     navigate('/my-requests');
-    toast.success('Request Submitted Successfully!', {
-      description: `Your request "${requestData.title}" (${requestId}) has been created and sent for approval.`,
-      duration: 5000,
-    });
   };
 
   const handleApprovalSubmit = (action: 'approve' | 'reject', _comment: string) => {

src/pages/CreateRequest/hooks/useCreateRequestSubmission.ts

@@ -3,6 +3,7 @@
  */
 
 import { useState } from 'react';
+import { toast } from 'sonner';
 import { FormData, RequestTemplate } from '@/hooks/useCreateRequestForm';
 import {
   buildCreatePayload,
@@ -72,6 +73,12 @@ export function useCreateRequestSubmission({
           documentsToDelete
         );
 
+        // Show toast after backend confirmation
+        toast.success('Request Submitted Successfully!', {
+          description: `Your request "${formData.title}" has been submitted and sent for approval.`,
+          duration: 5000,
+        });
+
         onSubmit?.({
           ...formData,
           backendId: editRequestId,
@@ -87,14 +94,24 @@ export function useCreateRequestSubmission({
 
         const result = await createAndSubmitWorkflow(createPayload, documents);
 
+        // Show toast after backend confirmation
+        toast.success('Request Submitted Successfully!', {
+          description: `Your request "${formData.title}" has been created and sent for approval.`,
+          duration: 5000,
+        });
+
         onSubmit?.({
           ...formData,
           backendId: result.id,
           template: selectedTemplate,
         });
       }
-    } catch (error) {
+    } catch (error: any) {
       console.error('Failed to submit workflow:', error);
+      toast.error('Failed to Submit Request', {
+        description: error?.response?.data?.message || error?.message || 'An error occurred while submitting the request.',
+        duration: 5000,
+      });
       setSubmitting(false);
     }
   };
@@ -130,6 +147,11 @@ export function useCreateRequestSubmission({
           documentsToDelete
         );
 
+        toast.success('Draft Saved Successfully!', {
+          description: `Your request "${formData.title}" has been saved as draft.`,
+          duration: 5000,
+        });
+
         onSubmit?.({
           ...formData,
           backendId: editRequestId,
@@ -145,14 +167,23 @@ export function useCreateRequestSubmission({
 
         const result = await createWorkflow(createPayload, documents);
 
+        toast.success('Draft Saved Successfully!', {
+          description: `Your request "${formData.title}" has been saved as draft.`,
+          duration: 5000,
+        });
+
         onSubmit?.({
           ...formData,
           backendId: result.id,
           template: selectedTemplate,
         });
       }
-    } catch (error) {
+    } catch (error: any) {
       console.error('Failed to save draft:', error);
+      toast.error('Failed to Save Draft', {
+        description: error?.response?.data?.message || error?.message || 'An error occurred while saving the draft.',
+        duration: 5000,
+      });
       setSavingDraft(false);
     }
   };