Kian documentation#30
Conversation
KianBaghai
commented
Dec 4, 2025
- Added documentation and removed any deprecated classes/files to clean up codebase
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
This PR adds GenAI usage documentation to CSS files and removes deprecated code, specifically the GallerySection component and unused carousel/dropdown styles. The changes also update the upload flow to use file.ufsUrl instead of file.url for the UploadThing file API.
- Added comprehensive GenAI usage documentation comments to multiple CSS modules
- Removed deprecated GallerySection component and its styles
- Cleaned up unused carousel and dropdown CSS rules from upload and review components
- Refactored ReviewSubmitStep to reuse PostImage component instead of duplicating carousel logic
- Updated UploadThing file URL property references from
file.urltofile.ufsUrl
Reviewed changes
Copilot reviewed 15 out of 15 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| client/app/upload/components/UploadImagesStep.module.css | Removed unused .dropzone.active and carousel-related CSS rules |
| client/app/upload/components/UploadImagesStep.jsx | Added fallback logic for file.url || file.ufsUrl to handle UploadThing API changes |
| client/app/upload/components/StepIndicator.module.css | Added GenAI usage documentation comment explaining CSS approach for step indicators |
| client/app/upload/components/ReviewSubmitStep.module.css | Removed duplicate carousel CSS rules that are now handled by PostImage component |
| client/app/upload/components/ReviewSubmitStep.jsx | Refactored to use PostImage component instead of duplicating carousel implementation |
| client/app/upload/components/CategoriesStep.module.css | Added GenAI usage documentation for caret rotation and removed unused expanded state styles |
| client/app/upload/Upload.module.css | Added GenAI usage documentation for upload page styling |
| client/app/feed/components/postImage.module.css | Added GenAI usage documentation for carousel styling approach |
| client/app/feed/components/likesDialog.module.css | Added GenAI usage documentation for modal animations and styling |
| client/app/feed/components/Post.module.css | Added GenAI usage documentation for post card styling |
| client/app/feed/Feed.module.css | Added GenAI usage documentation for feed layout and category filter styling |
| client/app/api/uploadthing/core.js | Updated to use file.ufsUrl instead of file.url for UploadThing API compatibility |
| client/app/[username]/components/PostDetailModal.module.css | Added GenAI usage documentation for embla carousel customization |
| client/app/[username]/components/GallerySection.module.css | Deleted deprecated file containing unused gallery grid styles |
| client/app/[username]/components/GallerySection.jsx | Deleted deprecated component that is no longer used in the application |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| // Capture both URL and EXIF data from upload response | ||
| const filesWithExif = res.map((f) => ({ | ||
| url: f.url, | ||
| url: f.url || f.ufsUrl, // Fallback to ufsUrl if url doesn't exist |
There was a problem hiding this comment.
There's an inconsistency between the client-side and server-side URL property usage. The server-side code (core.js) was updated to use file.ufsUrl, but the client-side code in ReviewSubmitStep.jsx (line 17) and page.jsx (line 85) still references file.url without the fallback. This could cause issues if the upload response doesn't include a url property.
Consider updating ReviewSubmitStep.jsx and page.jsx to use the same fallback pattern: file.url || file.ufsUrl
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>