diff --git a/www/REFACTOR2.md b/www/REFACTOR2.md deleted file mode 100644 index 76b24030..00000000 --- a/www/REFACTOR2.md +++ /dev/null @@ -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