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

table search no submission found solved

Browse Source
This commit is contained in:
Senthamilselvi 2025-11-06 13:57:06 +05:30
parent 6813f23c42
commit 83361a76e0
2 changed files with 123 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ipi-survey-platform/src/components/dashboard/SubmissionHistory.jsx
View File

@ -100,13 +100,11 @@ export const SubmissionHistory = ({ history = [], loading = false, error = '' })
}, [history]);
const filtered = normalizedHistory.filter((entry) => {
const term = searchTerm.trim().toLowerCase();
return (
!term ||
entry.survey_name.toLowerCase().includes(term) ||
entry.year.toString().includes(term) ||
entry.quarter.toLowerCase().includes(term) ||
entry.status.toLowerCase().includes(term)
const term = searchTerm.trim().toLowerCase().replace(/\s+/g, '');
if (!term) return true;
return Object.values(entry).some((val) =>
String(val).toLowerCase().replace(/\s+/g, '').includes(term)
);
});
@ -210,9 +208,13 @@ export const SubmissionHistory = ({ history = [], loading = false, error = '' })
<div className="flex items-center justify-center h-[500px] text-gray-500">
Loading submissions...
</div>
) : filtered.length === 0 ? (
<div className="flex items-center justify-center py-20 text-[#7B5C1F] font-semibold text-[15px]">
No Submission Found
</div>
) : (
<div className="overflow-x-auto">
<div className="min-w-[1200px]">
<div className="overflow-x-auto">
<div className="min-w-[1200px]">
<Table
headers={tableHeaders}
rows={tableRows}

26
ipi-survey-platform/src/pages/Admin/Validations.jsx
View File

@ -142,15 +142,19 @@ const ManageSubmissions = () => {
const statusOptions = React.useMemo(() => ['All', ...new Set(submissions.map((i) => i.status))], [submissions]);
const filtered = React.useMemo(() => {
const term = search.trim().toLowerCase();
return submissions.filter((item) => {
const matchSearch =
!search ||
item.establishment?.toLowerCase().includes(search.toLowerCase()) ||
item.submittedBy?.toLowerCase().includes(search.toLowerCase());
const allValues = Object.values(item)
.map((v) => String(v ?? '').toLowerCase())
.join(' ');
const matchSearch = !term || allValues.includes(term);
const matchYear = !year || year === 'All' || item.year === year;
const matchQuarter = !quarter || quarter === 'All' || item.quarter === quarter;
const matchEmirate = !emirate || emirate === 'All' || item.emirate === emirate;
const matchStatus = !status || status === 'All' || item.status === status;
return matchSearch && matchYear && matchQuarter && matchEmirate && matchStatus;
});
}, [submissions, search, year, quarter, emirate, status]);
@ -353,11 +357,17 @@ const ManageSubmissions = () => {
</button>
</div>
<div className="rounded-2xl border border-[#E5E7EB] bg-white shadow overflow-hidden">
<div className="rounded-2xl border border-[#E5E7EB] bg-white shadow overflow-hidden">
{toolbar}
{filtered.length === 0 ? (
<div className="flex items-center justify-center py-16 text-[#7B5C1F] font-semibold text-sm border-t border-[#E5E7EB]">
No Submission Found
</div>
) : (
<Table
headers={headers}
rows={tableRows}
beforeHeader={toolbar}
separated
columnWidths={columnWidths}
pagination={{
@ -433,7 +443,9 @@ const ManageSubmissions = () => {
return value;
}}
/>
</div>
)}
</div>
</div>
</div>
<Footer />