table search no submission found solved
This commit is contained in:
parent
6813f23c42
commit
83361a76e0
@ -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)
|
||||
);
|
||||
});
|
||||
|
||||
@ -209,6 +207,10 @@ export const SubmissionHistory = ({ history = [], loading = false, error = '' })
|
||||
{loading ? (
|
||||
<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">
|
||||
|
||||
@ -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]);
|
||||
@ -354,10 +358,16 @@ const ManageSubmissions = () => {
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<Footer />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user