mirror of
https://github.com/Monadical-SAS/reflector.git
synced 2025-12-20 20:29:06 +00:00
chore: remove refactor md (#527)
This commit is contained in:
@@ -1,86 +0,0 @@
|
|||||||
# Chakra UI v3 Migration - Remaining Tasks
|
|
||||||
|
|
||||||
## Completed
|
|
||||||
|
|
||||||
- ✅ Migrated from Chakra UI v2 to v3 in package.json
|
|
||||||
- ✅ Updated theme.ts with whiteAlpha color palette and semantic tokens
|
|
||||||
- ✅ Added button recipe with fontWeight 600 and hover states
|
|
||||||
- ✅ Moved Poppins font from theme to HTML tag className
|
|
||||||
- ✅ Fixed deprecated props across all files:
|
|
||||||
- ✅ `isDisabled` → `disabled` (all occurrences fixed)
|
|
||||||
- ✅ `isChecked` → `checked` (all occurrences fixed)
|
|
||||||
- ✅ `isLoading` → `loading` (all occurrences fixed)
|
|
||||||
- ✅ `isOpen` → `open` (all occurrences fixed)
|
|
||||||
- ✅ `noOfLines` → `lineClamp` (all occurrences fixed)
|
|
||||||
- ✅ `align` → `alignItems` on Flex/Stack components (all occurrences fixed)
|
|
||||||
- ✅ `justify` → `justifyContent` on Flex/Stack components (all occurrences fixed)
|
|
||||||
|
|
||||||
## Migration Summary
|
|
||||||
|
|
||||||
### Files Modified
|
|
||||||
|
|
||||||
1. **app/(app)/rooms/page.tsx**
|
|
||||||
|
|
||||||
- Fixed: isDisabled, isChecked, align, justify on multiple components
|
|
||||||
- Updated temporary Select component props
|
|
||||||
|
|
||||||
2. **app/(app)/transcripts/fileUploadButton.tsx**
|
|
||||||
|
|
||||||
- Fixed: isDisabled → disabled
|
|
||||||
|
|
||||||
3. **app/(app)/transcripts/shareZulip.tsx**
|
|
||||||
|
|
||||||
- Fixed: isDisabled → disabled
|
|
||||||
|
|
||||||
4. **app/(app)/transcripts/shareAndPrivacy.tsx**
|
|
||||||
|
|
||||||
- Fixed: isLoading → loading, isOpen → open
|
|
||||||
- Updated temporary Select component props
|
|
||||||
|
|
||||||
5. **app/(app)/browse/page.tsx**
|
|
||||||
|
|
||||||
- Fixed: isOpen → open, align → alignItems, justify → justifyContent
|
|
||||||
|
|
||||||
6. **app/(app)/transcripts/transcriptTitle.tsx**
|
|
||||||
|
|
||||||
- Fixed: noOfLines → lineClamp
|
|
||||||
|
|
||||||
7. **app/(app)/transcripts/[transcriptId]/correct/topicHeader.tsx**
|
|
||||||
|
|
||||||
- Fixed: noOfLines → lineClamp
|
|
||||||
|
|
||||||
8. **app/lib/expandableText.tsx**
|
|
||||||
|
|
||||||
- Fixed: noOfLines → lineClamp
|
|
||||||
|
|
||||||
9. **app/[roomName]/page.tsx**
|
|
||||||
|
|
||||||
- Fixed: align → alignItems, justify → justifyContent
|
|
||||||
|
|
||||||
10. **app/lib/WherebyWebinarEmbed.tsx**
|
|
||||||
- Fixed: align → alignItems, justify → justifyContent
|
|
||||||
|
|
||||||
## Other Potential Issues
|
|
||||||
|
|
||||||
1. Check for Modal/Dialog component imports and usage (currently using temporary replacements)
|
|
||||||
2. Review Select component usage (using temporary replacements)
|
|
||||||
3. Test button hover states for whiteAlpha color palette
|
|
||||||
4. Verify all color palettes work correctly with the new semantic tokens
|
|
||||||
|
|
||||||
## Testing
|
|
||||||
|
|
||||||
After completing migrations:
|
|
||||||
|
|
||||||
1. Run `yarn dev` and check all pages
|
|
||||||
2. Test buttons with different color palettes
|
|
||||||
3. Verify disabled states work correctly
|
|
||||||
4. Check that text alignment and flex layouts are correct
|
|
||||||
5. Test modal/dialog functionality
|
|
||||||
|
|
||||||
## Next Steps
|
|
||||||
|
|
||||||
The Chakra UI v3 migration is now largely complete for deprecated props. The main remaining items are:
|
|
||||||
|
|
||||||
- Replace temporary Modal and Select components with proper Chakra v3 implementations
|
|
||||||
- Thorough testing of all UI components
|
|
||||||
- Performance optimization if needed
|
|
||||||
Reference in New Issue
Block a user