From fadef78fafd7c94303158dd7bd607a6d54f83f7c Mon Sep 17 00:00:00 2001
From: Senthamilselvi <senthamilselvi.s@cardyai.com>
Date: Mon, 3 Nov 2025 14:06:58 +0530
Subject: [PATCH] manage submission approve & reject navigation done

---
 .../src/pages/Admin/ValidationReview.jsx      | 38 +++++----
 .../src/pages/Admin/Validations.jsx           | 85 ++++++++++++-------
 2 files changed, 75 insertions(+), 48 deletions(-)

diff --git a/ipi-survey-platform/src/pages/Admin/ValidationReview.jsx b/ipi-survey-platform/src/pages/Admin/ValidationReview.jsx
index a9466ff..9a959c3 100644
--- a/ipi-survey-platform/src/pages/Admin/ValidationReview.jsx
+++ b/ipi-survey-platform/src/pages/Admin/ValidationReview.jsx
@@ -1,9 +1,8 @@
 import React from 'react';
-import { Link, useNavigate, useParams } from 'react-router-dom';
+import { Link, useNavigate, useParams, useLocation } from 'react-router-dom';
 import AdminHeader from '@/components/admin/AdminHeader';
 import { getSubmissionById } from '@/services/admin/submission';
 import apiClient from '@/services/api/apiClient';
-
 const caretUpSrc = '/assets/images/caret-up.svg';
 const establishmentIconSrc = '/assets/images/Establishment.svg';
 const establishmentIdIconSrc = '/assets/images/Establishmentid.svg';
@@ -25,6 +24,8 @@ const employmentIcons = {
 
 const ValidationReview = () => {
   const navigate = useNavigate();
+  const location = useLocation();
+  const actionType = location.state?.actionType || 'view';
   const { id } = useParams();
   const [isRejectOpen, setIsRejectOpen] = React.useState(false);
   const [rejectReason, setRejectReason] = React.useState('');
@@ -459,22 +460,23 @@ const ValidationReview = () => {
           <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
             <p className="text-sm text-[#4B5563]"><span className="font-semibold text-[#232528]">Note:</span> Please review the details carefully before taking action.</p>
             <div className="flex flex-col gap-3 md:flex-row md:items-center">
-              <button
-                type="button"
-                className="inline-flex h-11 w-full items-center justify-center rounded-[10px] border border-[#B52520] text-sm font-semibold text-[#B52520] transition-colors hover:bg-[#FEE2E2] md:w-[132px] disabled:opacity-50 disabled:cursor-not-allowed"
-                onClick={() => setIsRejectOpen(true)}
-                disabled={actionLoading}
-              >
-                Reject
-              </button>
-              <button
-                type="button"
-                className="inline-flex h-11 w-full items-center justify-center rounded-[10px] bg-[#92722A] text-sm font-semibold text-white transition-colors hover:bg-[#B68A35] md:w-[132px] disabled:opacity-50 disabled:cursor-not-allowed"
-                onClick={handleApprove}
-                disabled={actionLoading}
-              >
-                {actionLoading ? 'Processing...' : 'Approve'}
-              </button>
+            <button
+  type="button"
+  className="inline-flex h-11 w-full items-center justify-center rounded-[10px] border border-[#B52520] text-sm font-semibold text-[#B52520] transition-colors hover:bg-[#FEE2E2] md:w-[132px] disabled:opacity-50 disabled:cursor-not-allowed"
+  onClick={() => setIsRejectOpen(true)}
+  disabled={actionLoading || actionType === 'approve'} 
+>
+  Reject
+</button>
+<button
+  type="button"
+  className="inline-flex h-11 w-full items-center justify-center rounded-[10px] bg-[#92722A] text-sm font-semibold text-white transition-colors hover:bg-[#B68A35] md:w-[132px] disabled:opacity-50 disabled:cursor-not-allowed"
+  onClick={handleApprove}
+  disabled={actionLoading || actionType === 'reject'} 
+>
+  {actionLoading ? 'Processing...' : 'Approve'}
+</button>
+
             </div>
           </div>
         </section>
diff --git a/ipi-survey-platform/src/pages/Admin/Validations.jsx b/ipi-survey-platform/src/pages/Admin/Validations.jsx
index 873bd0f..1c3113b 100644
--- a/ipi-survey-platform/src/pages/Admin/Validations.jsx
+++ b/ipi-survey-platform/src/pages/Admin/Validations.jsx
@@ -308,37 +308,62 @@ const ManageSubmissions = () => {
                   </div>
                 );
 
-              if (columnIndex === 10) {
-                const item = value;
-                return (
-                  <div className="flex items-center justify-center gap-[10px]">
-                    <div className="relative group">
-                      <CheckCircle2 size={22} className="text-green-600 cursor-pointer hover:scale-110 transition-transform" />
-                      <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
-                        Approve
-                      </span>
+                if (columnIndex === 10) {
+                  const item = value;
+                  return (
+                    <div className="flex items-center justify-center gap-[10px]">
+                      <div className="relative group">
+                        <CheckCircle2
+                          size={22}
+                          className="text-green-600 cursor-pointer hover:scale-110 transition-transform"
+                          onClick={() =>
+                            navigate(`/admin/validations/${item.id}`, {
+                              state: { actionType: 'approve' },
+                            })
+                          }
+                        />
+                        <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
+                          Approve
+                        </span>
+                      </div>
+                
+                      <div className="relative group">
+                        <XCircle
+                          size={22}
+                          className="text-red-600 cursor-pointer hover:scale-110 transition-transform"
+                          onClick={() =>
+                            navigate(`/admin/validations/${item.id}`, {
+                              state: { actionType: 'reject' },
+                            })
+                          }
+                        />
+                        <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
+                          Reject
+                        </span>
+                      </div>
+                
+                      <div className="relative group">
+                        <Eye
+                          size={22}
+                          className={`cursor-pointer hover:scale-110 transition-transform ${
+                            item.status?.toLowerCase() === 'pending'
+                              ? 'text-[#9E792B]'
+                              : 'text-gray-500'
+                          }`}
+                          onClick={() =>
+                            navigate(`/admin/validations/${item.id}`, {
+                              state: { actionType: 'view' },
+                            })
+                          }
+                        />
+                        <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
+                          View
+                        </span>
+                      </div>
                     </div>
-                    <div className="relative group">
-                      <XCircle size={22} className="text-red-600 cursor-pointer hover:scale-110 transition-transform" />
-                      <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
-                        Reject
-                      </span>
-                    </div>
-                    <div className="relative group">
-                      <Eye
-                        size={22}
-                        className={`cursor-pointer hover:scale-110 transition-transform ${
-                          item.status?.toLowerCase() === 'pending' ? 'text-[#9E792B]' : 'text-gray-500'
-                        }`}
-                        onClick={() => navigate(`/admin/validations/${item.id}`)}
-                      />
-                      <span className="absolute bottom-full mb-1 left-1/2 -translate-x-1/2 bg-black text-white text-xs px-2 py-[2px] rounded opacity-0 group-hover:opacity-100 transition">
-                        View
-                      </span>
-                    </div>
-                  </div>
-                );
-              }
+                  );
+                }
+                
               return value;
             }}
           />