Semester Title Customization + Adding Toolbox Placeholder Text #77
+108
−45
Conversation
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
Adds a message prompting users to add courses when the toolbox is empty, improving user guidance and interface clarity.
Added custom semester titles when adding a new semester and implemented inline editing of semester names in SemesterBlock. The UI now allows users to rename semesters directly, improving planner organization and usability.
Changed the placeholder text opacity from 60% to 50% in the SemesterBlock component for improved visual distinction.
Updated the PlannerCourseHolder component to include opacity-60 and italic styles for improved visual appearance.
Added trailing commas to callback functions in main.tsx and SemesterBlock.tsx to improve code consistency and formatting. No functional changes were made.
Simplified the logic since we do not want the semester titles to have opacity.
ccheung777
changed the title
ramonechen
requested changes
Dec 5, 2025
Contributor
ramonechen
left a comment
ramonechen
left a comment
There was a problem hiding this comment.
Merge branch main-preview into this one and resolve any conflicts before it can be merged 🙏
Removes unnecessary trailing comma in the useEffect setCount call for improved code clarity.
Author
|
@ramonechen @mirmirmirr |
ramonechen
approved these changes
Dec 12, 2025
Contributor
ramonechen
left a comment
ramonechen
left a comment
There was a problem hiding this comment.
I really like that semester names are truncated when past a certain length, depending on available screen size. Can't find any issues with this feature.
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.
Semester Title Customization
Users can now customize the title of their semesters. An edit icon has been added for a more intuitive interface, and a dashed line appears to indicate changes as well. Users can either click on the "Semester 1", "Semester 2", etc. where a dashed line appears to customize the placeholders or click on the edit icon to make changes. Additionally, when a user hovers over the title, directions such as "Click to Rename" and "Edit Semester Name" are added.
Moreover, to match the changes in
Toolboxplaceholder text, the placeholder text for the semesters has changed in opacity and is italic.An example below:
Toolbox Placeholder Text
The
Toolboxchanged to contain placeholder messages, advising users to add courses to the toolbox to proceed. This improves user guidance and interface clarity. The logic implemented is to check whether there are any items in theToolbox. If there isn't, then we can display the placeholder message.