Merge branch 'window-build' of http://git.hicglobalsolutions.in/BhawanSingh/va-tracker - 05-Dec | 5-50

src/electron/ipc/ipcHandler.ts

@@ -493,6 +493,47 @@ ipcMain.handle("get-adjustments-list", async (event, vaId: string) => {
 });
 
 
+ipcMain.handle("update-payment", async (event, data: Record<string, any>) => {
+  console.log("data-update-payment", data);
+
+  // Build userDetails object
+  const userDetails: Record<string, any> = {
+    paymentMethod: data.paymentMethod,
+  };
+
+  // Add payment-specific fields
+  if (data.paymentMethod === "wise" && data.wiseEmail) {
+    userDetails.wiseEmail = data.wiseEmail;
+    // Clear veemAccount when switching to wise
+    userDetails.veemAccount = "";
+  } else if (data.paymentMethod === "veem" && data.veemAccount) {
+    userDetails.veemAccount = data.veemAccount;
+    // Clear wiseEmail when switching to veem
+    userDetails.wiseEmail = "";
+  }
+
+  // Build final payload
+  const payload = {
+    userDetails: userDetails,
+  };
+
+  console.log("Update Payment payload", payload);
+
+  try {
+    const response = await api.patch("/profile", payload);
+    console.log("Update-payment-response", response);
+    return { success: true, data: response?.data?.userDetails };
+  } catch (error: any) {
+    console.error("❌ Update payment error:", error.message);
+    return {
+      success: false,
+      message: error.response?.data?.message || "Payment update failed",
+    };
+  }
+});
+
+
+
 
 export const sendTokenExpired = () => {
   console.log("⚠️ Sending token-expired event to renderer");

src/electron/preload.cts

@@ -34,6 +34,12 @@ contextBridge.exposeInMainWorld('electron', {
   changePassword: (data: { oldPassword: string; password: string; cPassword: string }) =>
     ipcRenderer.invoke("change-password", data),
 
+  updatePayment: (data: {
+    paymentMethod: string;
+    wiseEmail?: string;
+    veemAccount?: string;
+  }) => ipcRenderer.invoke('update-payment', data),
+
   onTokenExpired: (callback) => {
     // Remove old listeners
     ipcRenderer.removeAllListeners("token-expired");

src/electron/utils/utilityFunctions.ts

@@ -68,7 +68,7 @@ export const handleLogin = async (credentials: { email: string, password: string
         try {
             console.log("➡️ Calling API...");
             const response = await axios.post(
-                'https://quality-friendly-goldfish.ngrok-free.app/api/v1/va/login',
+                'https://daniela-nonprofessed-boastfully.ngrok-free.app/api/v1/va/login',
                 { userDetails: { ...credentials } },
                 { headers: { "ngrok-skip-browser-warning": 69420 }, httpsAgent }
             );

src/ui/helper/ToastContext.tsx

@@ -0,0 +1,99 @@
+// contexts/ToastContext.tsx
+import React, { createContext, useContext, useState, ReactNode } from 'react';
+
+interface Toast {
+  id: number;
+  message: string;
+  type: 'success' | 'error' | 'info' | 'warning';
+}
+
+interface ToastContextType {
+  showToast: (message: string, type?: Toast['type']) => void;
+  hideToast: (id: number) => void;
+}
+
+const ToastContext = createContext<ToastContextType | undefined>(undefined);
+
+export const ToastProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+  const [toasts, setToasts] = useState<Toast[]>([]);
+
+  const showToast = (message: string, type: Toast['type'] = 'success') => {
+    const id = Date.now();
+    setToasts(prev => [...prev, { id, message, type }]);
+    
+    // Auto remove after 5 seconds
+    setTimeout(() => {
+      hideToast(id);
+    }, 3000);
+  };
+
+  const hideToast = (id: number) => {
+    setToasts(prev => prev.filter(toast => toast.id !== id));
+  };
+
+  return (
+    <ToastContext.Provider value={{ showToast, hideToast }}>
+      {children}
+      <ToastContainer toasts={toasts} hideToast={hideToast} />
+    </ToastContext.Provider>
+  );
+};
+
+export const useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error('useToast must be used within a ToastProvider');
+  }
+  return context;
+};
+
+const ToastContainer: React.FC<{
+  toasts: Toast[];
+  hideToast: (id: number) => void;
+}> = ({ toasts, hideToast }) => {
+  const getTypeStyles = (type: Toast['type']) => {
+    switch (type) {
+      case 'success':
+        return 'bg-success text-success-content';
+      case 'error':
+        return 'bg-error text-error-content';
+      case 'warning':
+        return 'bg-warning text-warning-content';
+      case 'info':
+        return 'bg-info text-info-content';
+      default:
+        return 'bg-neutral text-neutral-content';
+    }
+  };
+
+  return (
+  <div className="toast toast-center toast-top z-2000">
+    {toasts.map((toast) => (
+      <div
+        key={toast.id}
+        className="w-full max-w-md px-2 mb-2"
+      >
+        <div
+          className={`alert ${getTypeStyles(toast.type)} shadow-lg flex items-start`}
+          onClick={() => hideToast(toast.id)}
+        >
+          <div className="flex-grow min-w-0">
+            <p className="text-sm break-words whitespace-pre-wrap">
+              {toast.message}
+            </p>
+          </div>
+          <button
+            className="btn btn-ghost btn-xs flex-shrink-0 ml-2"
+            onClick={(e) => {
+              e.stopPropagation();
+              hideToast(toast.id);
+            }}
+          >
+            ✕
+          </button>
+        </div>
+      </div>
+    ))}
+  </div>
+);
+};

src/ui/layout/DashboardLayout.tsx

@@ -588,7 +588,7 @@ const DashboardLayout = () => {
     if (!selectedProject?.projectId) return
 
     console.log(selectedProject?.projectId, "SelectedProject ID")
-    socketRef.current = io("https://quality-friendly-goldfish.ngrok-free.app", {
+    socketRef.current = io("https://daniela-nonprofessed-boastfully.ngrok-free.app", {
       transports: ["websocket"],
       secure: true,
       rejectUnauthorized: false,

src/ui/main.tsx

@@ -4,9 +4,12 @@ import App from './App'
 import './index.css'
 import { Provider } from "react-redux";
 import { store } from "./store";
+import { ToastProvider } from './helper/ToastContext';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <Provider store={store}>
+    <ToastProvider>
       <App />
+    </ToastProvider>
   </Provider>
 )

src/ui/pages/Dashboard.tsx

@@ -133,7 +133,7 @@ const Dashboard: React.FC = () => {
     try {
       console.log("📡 Fetching projects...Dashboard");
       const res = await window.electron.getProjectList();
-      console.log(" Project list response in dashboard:", res);
+      console.log(" Project list response in dashboard: ", res.data?.[0]);
 
       if (res?.success && Array.isArray(res.data)) {
         // Store data redux store 
@@ -152,9 +152,11 @@ const Dashboard: React.FC = () => {
         );
 
         // Auto-select first project
-        if (res.data.length > 0 && !selectedProject) {
+        if (res.data.length > 0) {
           const firstProject = res.data[0];
 
+
+          console.log("Line 158" , firstProject)
           // Select the project
           dispatch(setSelectedProjectSlice(firstProject));
 

src/ui/pages/LeaveAndAdjustments/tabs/AdjustmentTab.tsx

@@ -5,6 +5,7 @@ import { quillModules } from '../../../utils/quillConfig';
 import Quill from 'quill';
 import 'quill/dist/quill.snow.css';
 import { useNavigate } from 'react-router-dom';
+import { useToast } from '../../../helper/ToastContext';
 
 interface Project {
   projectId: string;
@@ -50,6 +51,7 @@ const AdjustmentTab: React.FC<AdjustmentTabProps> = ({ projects }) => {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const quillRef = useRef<any>(null);
   const navigate = useNavigate()
+   const { showToast } = useToast();
 
   // Field validation functions
   const validateProjectId = (projectId: string): string | undefined => {
@@ -460,9 +462,14 @@ const AdjustmentTab: React.FC<AdjustmentTabProps> = ({ projects }) => {
 
       if (res?.success) {
         console.log("Timesheet Created Successfully");
-        alert(res.message);
         resetForm();
-        navigate('/dashboard/leave-adjustments')
+        // Show success toast instead of alert
+            showToast("PTO Request submitted successfully!", "success");
+
+            // Navigate after a small delay
+            setTimeout(() => {
+                navigate('/dashboard/leave-adjustments');
+            }, 300);
       } else {
         setFormErrors(prev => ({
           ...prev,
@@ -475,6 +482,7 @@ const AdjustmentTab: React.FC<AdjustmentTabProps> = ({ projects }) => {
         ...prev,
         general: err.message || "Something went wrong while saving timesheet"
       }));
+      showToast(err.message || "Something went wrong while saving timesheet", "error");
     } finally {
       setIsSubmitting(false);
     }

src/ui/pages/LeaveAndAdjustments/tabs/PtoLeaveTab.tsx

@@ -5,6 +5,7 @@ import ReactQuill from "react-quill-new";
 import Quill from "quill";
 import "quill/dist/quill.snow.css";
 import { useNavigate } from "react-router-dom";
+import { useToast } from "../../../helper/ToastContext";
 
 interface LeaveFormData {
     fromDate: string;
@@ -26,6 +27,9 @@ const PtoLeaveTab: React.FC<{
     const quillRef = useRef<any>(null);
     const navigate = useNavigate()
 
+    const { showToast } = useToast();
+
+    console.log("ptoLeave", ptoLeave)
     const [errors, setErrors] = useState<Partial<LeaveFormData>>({});
 
     useEffect(() => {
@@ -200,11 +204,18 @@ const PtoLeaveTab: React.FC<{
 
         if (result.success) {
             resetForm();
-            alert("PTO Request submitted!");
+            // Show success toast instead of alert
-            navigate('/dashboard/leave-adjustments')
+            showToast("PTO Request submitted successfully!", "success");
+
+            // Navigate after a small delay
+            setTimeout(() => {
+                navigate('/dashboard/leave-adjustments');
+            }, 300);
         } else {
             setServerError(result.message || "Something went wrong");
+            showToast(result.message || "Failed to submit PTO request", "error");
         }
+
     };
 
     return (
@@ -213,7 +224,6 @@ const PtoLeaveTab: React.FC<{
             <div className="max-w-4xl space-y-3 ">
                 <div className="grid grid-cols-2 gap-4">
 
-
                     {/* From Date */}
                     <div className="form-control">
                         <label className="label">

src/ui/pages/LeaveAndAdjustments/tabs/SickLeaveTab.tsx

@@ -4,6 +4,7 @@ import ReactQuill from "react-quill-new";
 import Quill from "quill";
 import "quill/dist/quill.snow.css"; // correct CSS
 import { useNavigate } from 'react-router-dom';
+import { useToast } from '../../../helper/ToastContext';
 
 interface LeaveFormData {
     fromDate: string;
@@ -24,6 +25,7 @@ const SickLeaveTab: React.FC<{
     const quillRef = useRef<any>(null);
     const [sickErrors, setSickErrors] = useState<Partial<LeaveFormData>>({});
     const navigate = useNavigate()
+    const { showToast } = useToast();
 
     useEffect(() => {
         const editor = quillRef.current?.getEditor();
@@ -216,10 +218,16 @@ const SickLeaveTab: React.FC<{
 
         if (result.success) {
             resetForm();
-            alert("SICK leave applied!");
+             // Show success toast instead of alert
-            navigate('/dashboard/leave-adjustments')
+            showToast("SICK Request submitted successfully!", "success");
+
+            // Navigate after a small delay
+            setTimeout(() => {
+                navigate('/dashboard/leave-adjustments');
+            }, 300);
         } else {
             setServerError(result.message || "Something went wrong");
+            showToast(result.message || "Failed to submit SICK request", "error");
         }
     };
 

src/ui/pages/Settings/SettingModal/ChangePaymentModal.tsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { CreditCard } from "lucide-react";
 import { useSelector, useDispatch } from "react-redux";
 import { RootState } from "../../../store";
+import { setProfile } from "../../../store/profileSlice";
 
 interface ChangePaymentModalProps {
     isOpen: boolean;
@@ -55,23 +56,55 @@ const ChangePaymentModal: React.FC<ChangePaymentModalProps> = ({
 
         setLoading(true);
 
-    // try {
+        try {
-    //   // Replace with your electron API
+            // Prepare data for API
-    //   await window.electron.updatePayment({
+            const updateData: any = {
-    //     method,
+                paymentMethod: method
-    //     wiseEmail: method === "wise" ? wiseEmail.trim() : "",
+            };
-    //     veemAccount: method === "veem" ? veemAccount.trim() : "",
-    //   });
 
-    //   // Refresh or update Redux
+            // Add appropriate field based on selection
-    //   // dispatch(updateProfile({...}));
+            if (method === "wise") {
+                updateData.wiseEmail = wiseEmail.trim();
+            } else if (method === "veem") {
+                updateData.veemAccount = veemAccount.trim();
+            }
 
-    //   onClose();
+            console.log("Sending to electron:", updateData);
-    // } catch (err) {
-    //   setError("Failed to update payment info. Try again.");
-    // }
 
+            // Call Electron API
+            const result = await window.electron.updatePayment(updateData);
+
+            console.log(result)
+
+            if (result.success) {
+                // Prepare data for Redux update (clear unused field)
+                const reduxUpdateData: any = {
+                    paymentMethod: method
+                };
+
+                if (method === "wise") {
+                    reduxUpdateData.wiseEmail = wiseEmail.trim();
+                    reduxUpdateData.veemAccount = ""; // Clear veem
+                } else if (method === "veem") {
+                    reduxUpdateData.veemAccount = veemAccount.trim();
+                    reduxUpdateData.wiseEmail = ""; // Clear wise
+                }
+
+                // Update Redux store
+                dispatch(setProfile(result.data));
+
+                // Show success message if needed
+                // toast.success("Payment method updated successfully");
+
+                onClose();
+            } else {
+                setError(result.message || "Failed to update payment info.");
+            }
+        } catch (err: any) {
+            setError(err.message || "Failed to update payment info. Try again.");
+        } finally {
             setLoading(false);
+        }
     };
 
     return (

src/ui/pages/Settings/Settings.tsx

@@ -104,24 +104,24 @@ const Settings: React.FC = () => {
             </div>
 
 
-            {profile?.paymentMethod === "wise" && (
+            {profile?.veemAccount && (
               <div className="p-2 rounded bg-base-200/40">
                 <p className="text-xs text-base-content/60 flex items-center gap-1 mb-0.5">
-                  💳 Wise
+                  🏦 Veem Account
                 </p>
-                <p className="text-xs font-medium truncate" title={profile?.payoneerAccount || "N/A"}>
+                <p className="text-xs font-medium truncate" title={profile?.veemAccount || "N/A"}>
-                  {maskLast5(profile?.wiseEmail)}
+                  {profile?.veemAccount || "N/A"}
                 </p>
               </div>
             )}
 
-            {profile?.paymentMethod === "veem" && (
+            {profile?.wiseEmail&& (
               <div className="p-2 rounded bg-base-200/40">
                 <p className="text-xs text-base-content/60 flex items-center gap-1 mb-0.5 ">
-                  🏦 Veem
+                  🏦 Wise Email
                 </p>
-                <p className="text-xs font-medium truncate" title={profile?.veemAccount || "N/A"}>
+                <p className="text-xs font-medium overflow-auto no-scrollbar" title={profile?.wiseEmail || "N/A"}>
-                  {profile?.veemAccount || "N/A"}
+                  {profile?.wiseEmail || "N/A"}
                 </p>
               </div>
             )}

types.d.ts

@@ -193,6 +193,13 @@ interface Window {
       cPassword: string;
     }) => Promise<{ success: boolean; message?: string; data?: any }>;
 
+    // In your electron API handler
+    updatePayment: (data: {
+      paymentMethod: string;
+      wiseEmail?: string;
+      veemAccount?: string;
+    }) => Promise<{ success: boolean; message?: string; data?: any }>;
+
 
     onTokenExpired: (callback: () => void) => void;