Skip to content

Make crises for admin unclickable, fix admin reports page, improve vol collapse component - #487

Merged
MarcHamamji merged 17 commits into
Willing-AUB:mainfrom
anjiabdallah:fix-stuff
May 1, 2026
Merged

Make crises for admin unclickable, fix admin reports page, improve vol collapse component#487
MarcHamamji merged 17 commits into
Willing-AUB:mainfrom
anjiabdallah:fix-stuff

Conversation

@anjiabdallah

Copy link
Copy Markdown
Contributor

No description provided.

@anjiabdallah anjiabdallah changed the title Make crises for admin unclickable Make crises for admin unclickable & fix admin reports page Apr 30, 2026
@anjiabdallah anjiabdallah linked an issue Apr 30, 2026 that may be closed by this pull request
@anjiabdallah anjiabdallah changed the title Make crises for admin unclickable & fix admin reports page Make crises for admin unclickable, fix admin reports page, improve vol collapse compoennt Apr 30, 2026
@anjiabdallah anjiabdallah changed the title Make crises for admin unclickable, fix admin reports page, improve vol collapse compoennt Make crises for admin unclickable, fix admin reports page, improve vol collapse component Apr 30, 2026
title="Reported Organization"
name={report.reported_organization.name}
email={report.reported_organization.email}
Icon={User}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should use a Building2 icon here

reporterIcon: ReporterIcon,
}: ReportDetailOverviewProps) {
return (
<Card className="border-[#E5E7EB] shadow-[0_1px_3px_rgba(0,0,0,0.06)] bg-white">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove all the explicit colors from here, they make the card not support dark mode:

Image


function ReportPersonCard({ title, name, email, Icon }: ReportPersonCardProps) {
return (
<Card className="border-[#E5E7EB] shadow-[0_1px_3px_rgba(0,0,0,0.06)] bg-white">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also remove explicit colors from here

: `/admin/reports/volunteer/${report.id}`;

return (
<Card

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should add an icon to the card (using the Icon prop) to say whether it's a volunteer or organization. This way, we can remove the blue tags from here:

Image

Comment thread client/src/pages/admin/AdminReports.tsx Outdated
</Card>
<ColumnLayout
sidebar={(
<Card title="Filters" description="Filter and sort reports before review." color="info">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe add the SlidersHorizontal icon to the card using the card's Icon prop?

@anjiabdallah
anjiabdallah requested a review from MarcHamamji May 1, 2026 09:14
@MarcHamamji
MarcHamamji merged commit b464947 into Willing-AUB:main May 1, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants