feat: enhance member card layout and improve team filtering logic#170
Merged
feat: enhance member card layout and improve team filtering logic#170
Conversation
Contributor
RansfordGenesis
commented
Apr 3, 2026
RansfordGenesis
commented
- Updated Member component to ensure full width for text alignment.
- Filtered techies in Team component to only show accepted and active users.
- Modified loading states for better user experience during authentication.
- Enhanced useNavigateForms hook to include watch functionality and improve form navigation.
- Updated auth options to include additional user fields and ensure JWT contains necessary data.
- Improved announcement service to handle PUT and POST requests more effectively.
- Refined API service methods for better type handling and added new endpoints for project tools and email templates.
- Introduced new constants for team roles, project types, and priorities with helper functions for label retrieval.
- Implemented auth-guard logic for user status-based routing and access control.
- Created new pages for application status, received confirmation, and waiting states with appropriate user feedback.
- Added a dialog component for removing subordinates with confirmation handling.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
This PR enhances the UX around member cards, loading states, and signup/auth flows, while also expanding project/admin capabilities (projects: tools/manager assignment; admin: submissions + email templates) and introducing status-based routing/guardrails for applicants.
Changes:
- Added status-based routing/access control (middleware + server layouts + new “waiting/application status/received” pages).
- Expanded project management UI and API endpoints (tools/skills selection, manager assignment, image removal; new project constants/types).
- Refined UI components and loading states across directory/feed/auth pages; improved signup form navigation and validations.
Reviewed changes
Copilot reviewed 56 out of 57 changed files in this pull request and generated 10 comments.
Show a summary per file
| File | Description |
|---|---|
| tsconfig.json | Enables downlevelIteration for broader iteration support. |
| src/types/index.ts | Extends techie/org-chart types with team/status/is_active fields. |
| src/services/index.ts | Tightens endpoint typing and adds new endpoints (project tools/image, submissions, email templates). |
| src/services/AnnouncementServices.tsx | Refines announcement POST/PUT payloads and error handling. |
| src/middleware.ts | Adds status-based redirect logic for CONTACTED users. |
| src/lib/auth.ts | Ensures JWT/session include additional user fields (status/is_active/role). |
| src/lib/auth-guard.ts | Introduces centralized status-based routing helpers and waiting/status messaging. |
| src/hooks/useNavigateForms.tsx | Adds watch, renames steps, removes Social step, and exposes last-step index. |
| src/constants/projects.ts | Adds project/team constants and label helpers. |
| src/components/techies/Team.tsx | Filters directory to accepted + active users; updates loading spinner usage. |
| src/components/techies/Member.tsx | Adjusts member card layout to full-width for better text alignment. |
| src/components/signup/pages/SubmitStatus.tsx | Reworks success/error UI for signup status pages and loader layout. |
| src/components/signup/pages/Social.tsx | Refreshes social inputs with icons and new URL/username validation patterns. |
| src/components/signup/pages/Skills.tsx | Reworks skills step to stack selection + “Other” custom stack and bio prompt. |
| src/components/signup/pages/Profile.tsx | Improves field validation messages/styling and threads watch through. |
| src/components/signup/pages/CreatePassword.tsx | Adds show/hide password toggles with icons. |
| src/components/modals/RemoveSubordinateDialog.tsx | Adds confirmation dialog and mutation to remove subordinate manager assignment. |
| src/components/modals/EditProjectModal.tsx | Rebuilds edit modal to support manager + tools assignment with search. |
| src/components/modals/CreateProjectModal.tsx | Rebuilds create modal into a 5-step wizard (stacks/tools/members/manager). |
| src/components/modals/CreateAnnouncementModal.tsx | Switches from file upload to image URL field + preview. |
| src/components/modals/ApplicantDetailModal.tsx | Enhances status section with signup date/status/active indicators. |
| src/components/loadingSpinner.tsx | Adds fullScreen option and updates sizing/colors. |
| src/components/layout/Navbar/index.tsx | Clears query cache on sign out; adds mobile profile skeleton state. |
| src/components/Feed/Posts.tsx | Uses non-fullscreen spinner and improves padding during fetch. |
| src/components/Feed/new/announcements.tsx | Uses non-fullscreen spinner and improves padding during fetch. |
| src/components/admin/announcement/CreateAnnouncement.tsx | Reworks admin announcement creation UI and image handling. |
| src/app/waiting/page.tsx | Adds waiting page driven by status messages and auto-redirect on activation. |
| src/app/users/reset-password/new-password/page.tsx | Adds show/hide password toggles for reset flow. |
| src/app/users/layout.tsx | Improves layout sizing/overflow and adds a mobile logo header. |
| src/app/users/forgot-password/page.tsx | Uses non-fullscreen spinner for loading state. |
| src/app/signup/page.tsx | Updates signup page layout, steps, progress UI, and last-step logic. |
| src/app/login/page.tsx | Simplifies login flow to rely on NextAuth and updates loading UI. |
| src/app/application-status/page.tsx | Adds application status page driven by status messages. |
| src/app/application-received/page.tsx | Adds “application received” page and status-based redirects. |
| src/app/(root)/techies/[id]/page.tsx | UI tweaks + replaces social icons with react-icons versions. |
| src/app/(root)/techie/me/page.tsx | Updates phone placeholder formatting. |
| src/app/(root)/settings/page.tsx | Updates social links UI to use react-icons and clarifies subordinate display. |
| src/app/(root)/page.tsx | Adds skeleton loading UI and enables refetch-on-focus for dashboard queries. |
| src/app/(root)/org-chart/page.tsx | Adds subordinate removal button + dialog; improves loading spinner usage. |
| src/app/(root)/meetings/page.tsx | Enables meetings query only when authenticated; improves spinner usage. |
| src/app/(root)/layout.tsx | Adds server-side status-based redirects for protected routes. |
| src/app/(root)/community-projects/team-selection/page.tsx | Updates spinner usage while loading team selection data. |
| src/app/(root)/community-projects/page.tsx | Refetches projects on focus/mount; fetches full project details before edit. |
| src/app/(root)/community-projects/[id]/page.tsx | Adds project tools/manager/image management and expands project admin controls. |
| src/app/(root)/clientLayout.tsx | Hides navbar for assessment/contacted users; attempts back-button trapping logic. |
| src/app/(root)/challenges/page.tsx | Updates spinner usage for loading state. |
| src/app/(root)/announcements/page.tsx | Major announcements UI refresh with featured + expand/collapse behavior and better loading. |
| src/app/(root)/(assesment)/task-submission/page.tsx | Adds dedicated /task-submission page wrapper. |
| src/app/(root)/(assesment)/layout.tsx | Restricts assessment routes to CONTACTED users via server layout guard. |
| src/app/(root)/(assesment)/assesment/[email]/page.tsx | Updates assessment page layout and adds “what happens next” info. |
| src/app/(root)/(assesment)/assesment/[email]/components/task-submission.tsx | Improves submission UX and signs user out after success. |
| src/app/(admin)/layout.tsx | Adds admin guard using auth-guard helpers. |
| src/app/(admin)/admin/settings/page.tsx | Adds submissions and email templates tabs + related mutations/queries. |
| src/app/(admin)/admin/org-chart/page.tsx | Removes premature empty-filter return; updates loading spinner usage. |
| src/app/(admin)/admin/applicants/page.tsx | Updates loading spinner usage. |
| src/app/(admin)/admin/announcements/page.tsx | Updates loading spinner usage. |
| src/app/(admin)/admin/add-project/page.tsx | Updates loading spinner usage. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
TMCreme
approved these changes
Apr 3, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.