Skip to content

SSF-198 Admin Dashboard Frontend#169

Open
Juwang110 wants to merge 6 commits intomainfrom
jw/ssf-198-admin-dashboard-frontend
Open

SSF-198 Admin Dashboard Frontend#169
Juwang110 wants to merge 6 commits intomainfrom
jw/ssf-198-admin-dashboard-frontend

Conversation

@Juwang110
Copy link
Copy Markdown

ℹ️ Issue

Closes https://vidushimisra.atlassian.net/jira/software/projects/SSF/boards/1?selectedIssue=SSF-198

📝 Description

Added proper display and functionality of admin dashboard frontend pending action, recent order, and recent donation cards. They also navigate to the corresponding application, order and donation.

http://localhost:4200/test-admin-dashboard

✔️ Verification

Verified frontend and design matched and proper information is displayed on each card. Verified proper navigation.

Screenshot 2026-04-28 210201

🏕️ (Optional) Future Work / Notes

Should this route still be named test-admin-dashboard? other than that n/a

Copy link
Copy Markdown

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

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

very clean pr justin!!!! one other thing, can we rename this route to admin-dashboard now, since its no longer the test one?

Comment thread apps/frontend/src/containers/testAdminDashboard.tsx Outdated
Comment thread apps/frontend/src/containers/adminOrderManagement.tsx
Comment thread apps/frontend/src/containers/adminOrderManagement.tsx Outdated
@Code-4-Community Code-4-Community deleted a comment from dburkhart07 May 1, 2026
@Juwang110 Juwang110 requested a review from dburkhart07 May 1, 2026 15:12
@Yurika-Kan Yurika-Kan self-requested a review May 4, 2026 22:46
Copy link
Copy Markdown
Collaborator

@Yurika-Kan Yurika-Kan left a comment

Choose a reason for hiding this comment

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

looking so so great! mostly nits & comprehensive error prevention comments~

thanks justin! everything is coming together!

/>
)}
<Heading textStyle="h1" color="gray.600" mb={6}>
Welcome, Admin!
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

should be welcome, [user's name]
no exclamation (exciting still though)

Pending Actions
</Text>
<Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
{pendingApplications.map((application) => (
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

for mapping over (on line 86, 113, 137)

the maps render <dashboardcard ... /> without a key, which leads to react logs giving "Warning: Each child in a list should have a unique 'key' prop". no key means it falls back to using array index, which causes wrong cards to rerender or keep stale state when the list reorders

can we include key=entity.entityid for each of these maps?

}, [selectedManufacturers]);

useEffect(() => {
const donationIdFromUrl = searchParams.get('donationId');
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

nit: can we also do an early return if the donationIdFromUrl is null ie there is nothing to look up

id: number;
name: string;
type: 'pantry' | 'food_manufacturer';
dateApplied: Date;
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

for consistency with other types, can we use string here? since all uses of this field wrap it with new Date() anyways

Comment thread apps/frontend/src/app.tsx
Copy link
Copy Markdown
Collaborator

@Yurika-Kan Yurika-Kan May 10, 2026

Choose a reason for hiding this comment

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

in the nav bar, can we have Dashboard point to the actual admin dashboard?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants