This pull request improves the user experience and design of the app by adding custom placeholders for the card and page content, using the react-placeholder library and custom styles. It also updates the room map component to use the FontAwesomeIcon component, improve the popup styling and content, make the room colors consistent, and prepare for using a dark mode tile service. It refactors some code to use constants and functions from the rooms-utils and mobility-utils modules, and to handle the case when the user has no timetable. It updates several dependencies in the package-lock.json file to fix installation errors, upgrade to newer versions, and add funding information. It modifies the Content-Security-Policy header value in the next.config.js file to fix a CSP violation error. It adds a mapTheme property to each theme object in the themes.json file to allow the user to choose a map theme that matches their selected theme or system preference. It updates the common.scss file to improve the appearance and performance of the rooms controls, and adds imports of the bootstrap.scss file to some theme files. It adds a stylelint-disable comment to the 95.scss file to disable the stylelint rules for this file.
Sing, O Muse, of the glorious deeds of the web developersWho, with skill and wisdom, enhanced the app of the students
_They added mapTheme and TUX_ROOMS to the themes and the rooms_
And made the cards and the map more pleasing with placeholders and styles
Add Linux icon to room map popup and room card for rooms that have Linux computers using FontAwesomeIcon component and TUX_ROOMS constant (link, link, link, link, link, link, link, link, link)
Add mapTheme property to themes.json file and prepare for using different tile service that supports dark mode (link, link, link)
Fix Content-Security-Policy header violation error by adding trailing slash to tile.openstreetmap.org domain in next.config.js file (link)
Fix dependency installation error by adding commit keyword to win95.css dependency in package-lock.json file (link)
Handle case when user has no timetable for current semester by checking error data and returning empty array in getTimetable function in authenticated-api.js file (link)
Improve styling and readability of room map popup and room shape by adding line breaks, null check, color and className properties in RoomMap.jsx file (link, link)
Simplify access to current theme value by destructuring theme array in personal.jsx file and filter themes array by current theme value instead of using array index notation (link, link)
Remove fillColor property for user location marker on map to use default blue color in RoomMap.jsx file (link)
Remove import of bootstrap.scss file from common.scss file to avoid importing bootstrap styles twice and add import of bootstrap.scss file to other theme files (link, link, link, link, link)
Modify rooms-controls-border CSS variable to use transparent gray color with alpha value in common.scss file (link)
π€ Generated by Copilot at 89a4cf0
Summary
πΊοΈπ¨π§
This pull request improves the user experience and design of the app by adding custom placeholders for the card and page content, using the
react-placeholder
library and custom styles. It also updates the room map component to use theFontAwesomeIcon
component, improve the popup styling and content, make the room colors consistent, and prepare for using a dark mode tile service. It refactors some code to use constants and functions from therooms-utils
andmobility-utils
modules, and to handle the case when the user has no timetable. It updates several dependencies in thepackage-lock.json
file to fix installation errors, upgrade to newer versions, and add funding information. It modifies the Content-Security-Policy header value in thenext.config.js
file to fix a CSP violation error. It adds amapTheme
property to each theme object in thethemes.json
file to allow the user to choose a map theme that matches their selected theme or system preference. It updates thecommon.scss
file to improve the appearance and performance of the rooms controls, and adds imports of thebootstrap.scss
file to some theme files. It adds a stylelint-disable comment to the95.scss
file to disable the stylelint rules for this file.Walkthrough