SS-FCSC/fcsc_ipi_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

issue fix

Browse Source
This commit is contained in:
Malini 2025-10-29 19:40:14 +05:30
parent eb32b3e5e9
commit 40c0656d3d
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ipi-survey-platform/src/components/admin/SubmissionTable.jsx
View File

@ -1,7 +1,10 @@
import React, { useMemo } from 'react'; import React, { useState, useMemo } from 'react';
import Table from '@/components/common/Table'; import Table from '@/components/common/Table';
// Import SVG files as URLs in Vite
import SearchIcon from '@/assets/images/material-symbols_search-rounded.svg'; import SearchIcon from '@/assets/images/material-symbols_search-rounded.svg';
import { CheckCircle, XCircle, Eye } from 'lucide-react'; import CheckCircle from '@/assets/images/check-circle-fill 1.svg';
import XCircle from '@/assets/images/warning-circle-fill 1.svg';
import EyeIcon from '@/assets/images/User-active.svg';
const submissions = [ const submissions = [
{ {
@ -97,8 +100,19 @@ const submissions = [
]; ];
const SubmissionTable = () => { const SubmissionTable = () => {
const [search, setSearch] = React.useState(''); const [search, setSearch] = useState('');
const [selectedYear, setSelectedYear] = useState('2025');
const [selectedQuarter, setSelectedQuarter] = useState('Q4');
const [loading, setLoading] = useState(false);
// Filter submissions by selected year and quarter
const filteredByQuarterYear = useMemo(() => {
return submissions.filter(
(item) => item.year === selectedYear && item.quarter === selectedQuarter
);
}, [selectedYear, selectedQuarter]);
// Apply search filter to the filteredByQuarterYear results
const filtered = useMemo(() => { const filtered = useMemo(() => {
if (!search.trim()) return filteredByQuarterYear; if (!search.trim()) return filteredByQuarterYear;
const normalized = search.trim().toLowerCase(); const normalized = search.trim().toLowerCase();
@ -162,9 +176,9 @@ const SubmissionTable = () => {
item.reviewer, item.reviewer,
item.reviewedOn, item.reviewedOn,
<div className="flex items-center justify-center gap-3"> <div className="flex items-center justify-center gap-3">
<CheckCircle className="text-green-600 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" /> <img src={CheckCircle} alt="Approve" className="text-green-600 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
<XCircle className="text-red-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" /> <img src={XCircle} alt="Reject" className="text-red-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
<Eye className="text-gray-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" /> <img src={EyeIcon} alt="View" className="text-gray-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
</div>, </div>,
]); ]);

2
ipi-survey-platform/src/pages/Admin/AdminDashboard.jsx
View File

@ -8,7 +8,7 @@ import ApprovedIcon from '@/assets/images/check-circle-fill 1-approved.svg';
import RejectedIcon from '@/assets/images/warning-circle-fill 1.svg'; import RejectedIcon from '@/assets/images/warning-circle-fill 1.svg';
import OverdueIcon from '@/assets/images/warning-fill 1.svg'; import OverdueIcon from '@/assets/images/warning-fill 1.svg';
import PendingIcon from '@/assets/images/info-fill 1.svg'; import PendingIcon from '@/assets/images/info-fill 1.svg';
import { apiClient } from '@/services/api/APIClient'; import apiClient from '@/services/api/apiClient';
const AdminDashboard = () => { const AdminDashboard = () => {
const [summary, setSummary] = useState({ const [summary, setSummary] = useState({