issue fix
This commit is contained in:
parent
eb32b3e5e9
commit
40c0656d3d
@ -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>,
|
||||
]);
|
||||
|
||||
|
||||
@ -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({
|
||||
|
||||
Loading…
Reference in New Issue
Block a user