feat: enhance announcement and project modals with image upload and s…#171
Merged
feat: enhance announcement and project modals with image upload and s…#171
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
This PR expands several UI workflows across the app: announcement creation/editing now supports image upload with preview/clear, project editing gains stack selection and debounced searching, and org-chart browsing is extended with a new “full org chart” page. It also introduces design-system color tokens via CSS custom properties to enable consistent theming (including dark mode) and adds small react-query compatibility helpers.
Changes:
- Add announcement image upload support (new endpoint + modal UX for preview/replace/remove).
- Improve project/org-chart/admin UIs (stack selection, debounced search, team management modals, and a new FullOrgChart page).
- Move Tailwind colors to CSS variables and add a theme toggle + global styling updates.
Reviewed changes
Copilot reviewed 28 out of 29 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| tailwind.config.js | Switch Tailwind color tokens to CSS custom properties for theme flipping. |
| src/app/globals.css | Define light/dark RGB token variables in @layer base. |
| src/app/layout.tsx | Apply global text color + transition to match token-based theming. |
| src/components/layout/Navbar/index.tsx | Add theme toggle; update nav structure/links and styling. |
| src/services/index.ts | Add uploadAnnouncementImage; enhance applicant search params; expose new endpoint. |
| src/lib/queryUtils.ts | Add isMutationLoading helper for react-query v4/v5 compatibility. |
| src/lib/constants.ts | Centralize debounce interval constant. |
| src/components/modals/CreateAnnouncementModal.tsx | Refactor to local state + file upload flow for images. |
| src/components/modals/EditAnnouncementModal.tsx | Refactor to local state + image upload/preview/clear support. |
| src/components/admin/announcement/CreateAnnouncement.tsx | Add image file selection + upload-on-save behavior. |
| src/components/modals/CreateFeedModal.tsx | Improve image upload UX and loading-state handling. |
| src/components/modals/CreateProjectModal.tsx | Add debounced search UX; refactor member add handler; clear searches after selection. |
| src/components/modals/EditProjectModal.tsx | Add stacks selection (checkboxes), debounced manager search, and stacks diffing in payload. |
| src/components/techies/Team.tsx | Add debounced search behavior and query key changes. |
| src/app/(admin)/admin/org-chart/page.tsx | Extract org chart filtering utilities and add manager context to modal. |
| src/app/(admin)/admin/org-chart/components/OrgChartNodeCard.tsx | Add isAdmin flag to hide admin-only action menu for non-admin views. |
| src/app/(admin)/admin/org-chart/components/AssignManagerModal.tsx | Add current-manager display + remove-manager action + debounced search. |
| src/app/(admin)/admin/org-chart/components/BulkAssignModal.tsx | Rework team management to support add/remove with pending state and save semantics. |
| src/lib/orgChartUtils.ts | Introduce shared flattenTree and filterTree org chart utilities. |
| src/app/(root)/full-org-chart/page.tsx | New full org chart browsing page with search + admin modals. |
| src/app/(admin)/admin/applicants/page.tsx | Add debounced search, server-side status filtering, and improved status menus/labels. |
| src/app/(root)/community-projects/page.tsx | Improve loading UX for refetch/re-navigation; styling updates. |
| src/app/(root)/community-projects/[id]/page.tsx | Add tech-stack editing workflow and styling updates. |
| src/app/(root)/settings/page.tsx | Debounced skills search; avatar staging UX; styling and error handling improvements. |
| src/app/(root)/techie/me/page.tsx | Expand profile page with reporting line, projects, recent activity, and social links UI. |
| src/app/(root)/techies/[id]/page.tsx | Improve skills rendering and direct-report display with “show all” toggle. |
| src/app/(root)/page.tsx | Dashboard styling updates + feed image rendering. |
| src/app/(root)/feed/page.tsx | Feed styling updates. |
| src/app/(admin)/admin/settings/page.tsx | Styling updates to align with new token-based theme. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
… authentication check
TMCreme
approved these changes
Apr 6, 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.
…tack selection