Skip to content

Conversation

@kevin-lann
Copy link
Contributor

Description

SCRUM168

This PR adds new images and also improves the UI/UX of parts of our application

  • Change default user icon
  • Change default timetable images on Home to semester icons
  • Add fade in effect for timetable card images for smoother transition
  • Made new logo, also has a slightly less chunky load in using a blur fallback before image loads
  • Add toast msgs for saving email notif preferences.
  • Fixed favourite star not being responsive on wide screens
  • Changed colors around on Home page
  • In ViewTimeatble, switched text color from yellow to grey for better reading
2025-03-29.11-40-31.mp4

Type of change

  • New feature (non-breaking change which adds functionality)
  • Bug fix (non-breaking change which fixes an issue)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

Checklist:

  • My code follows the style guidelines of this project
  • I have commented my code, particularly in hard-to-understand areas
  • My changes generate no new warnings

@kevin-lann kevin-lann changed the title Kl/scrum 168 image enhancements Kl/scrum 168 image + Ui/ux enhancements Mar 29, 2025
Copy link
Contributor

@thomasyzy7 thomasyzy7 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Considering changing this.

Otherwise, everything else looks good, I especially like the fading effect for the timetables.

const [isEditingTitle, setIsEditingTitle] = useState(false);
const { data, refetch } = useGetTimetableQuery(timetableId);
const [toggled, setToggled] = useState(favorite);
const [imageLoaded, setImageLoaded] = useState(false);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These imageLoaded and setImageLoaded variables are not used anywhere

Copy link
Contributor

@MasahisaSekita MasahisaSekita left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything looks good. The logo looks good too.

@thomasyzy7 thomasyzy7 self-requested a review March 30, 2025 01:02
@kevin-lann kevin-lann merged commit 50af809 into develop Mar 30, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants