issue fix

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

View File

@ -1,7 +1,10 @@
import React, { useMemo } from 'react';
import React, { useState, useMemo } from 'react';
import Table from '@/components/common/Table';
// Import SVG files as URLs in Vite
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 = [
{
@ -97,8 +100,19 @@ const submissions = [
];
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(() => {
if (!search.trim()) return filteredByQuarterYear;
const normalized = search.trim().toLowerCase();
@ -162,9 +176,9 @@ const SubmissionTable = () => {
item.reviewer,
item.reviewedOn,
<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" />
<XCircle 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={CheckCircle} alt="Approve" className="text-green-600 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" />
<img src={EyeIcon} alt="View" className="text-gray-500 w-5 h-5 cursor-pointer hover:scale-110 transition-transform" />
</div>,
]);

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 OverdueIcon from '@/assets/images/warning-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 [summary, setSummary] = useState({