This pull request enhances the food module of the app by fixing bugs, adding features, and improving the UI. It modifies the food-utils.js file to clean and capitalize the meal data, the food.js page to use a new component for meal details, the food.json files to update the translations, and the thi-light.scss and Mensa.module.css files to adjust the color and style of the mensa page.
We clean the flags of tainted mealsWe capitalize the names of doomWe translate the words of fireWe unify the entries of the food module
Walkthrough
Fix a bug in cleanMealFlags that caused an error when flags was undefined or null (link)
Add a helper function capitalize that capitalizes the first letter of meal names in different languages (link)
Use capitalize to improve the readability and consistency of meal names in the user interface (link)
Simplify cleanMealFlags to return null instead of an empty array when there are no flags (link)
Remove an unused icon import from food.js to reduce the bundle size and avoid conflicts (link)
Add a new component ListGroupItem that renders a styled list group item with a title and a content (link)
Refactor the modal dialog in food.js to use ListGroupItem for displaying nutrition, prices, and variations of a meal (link, link)
Fix a visual bug that caused a horizontal scroll bar to appear on some devices by setting the width of the SwipeableTab component to 100% minus 1 pixel (link)
Reduce the font size and weight of the titles of the flags, allergens, and nutrition sections in the modal dialog and apply a gray color to the text that indicates unknown values (link, link)
Add and modify translation keys for unknown prices, automatic translation warnings, and variations in the German and English localization files (link, link, link, link)
Modify the secondary color and the navbar border gradient in the thi-light.scss file to make them more consistent with the primary color and the theme (link, link)
Modify the border-bottom of the meal class in the Mensa.module.css file to make it more subtle and less distracting (link)
Add two new CSS classes to the Mensa.module.css file for fixing the horizontal scroll bar bug and indicating unknown values in the modal dialog (link)
Changes:
Old:
New:
🤖 Generated by Copilot at 4069c75
Summary
🐛🎨🌐
This pull request enhances the food module of the app by fixing bugs, adding features, and improving the UI. It modifies the
food-utils.jsfile to clean and capitalize the meal data, thefood.jspage to use a new component for meal details, thefood.jsonfiles to update the translations, and thethi-light.scssandMensa.module.cssfiles to adjust the color and style of the mensa page.Walkthrough
cleanMealFlagsthat caused an error whenflagswas undefined or null (link)capitalizethat capitalizes the first letter of meal names in different languages (link)capitalizeto improve the readability and consistency of meal names in the user interface (link)cleanMealFlagsto return null instead of an empty array when there are no flags (link)food.jsto reduce the bundle size and avoid conflicts (link)ListGroupItemthat renders a styled list group item with a title and a content (link)food.jsto useListGroupItemfor displaying nutrition, prices, and variations of a meal (link, link)SwipeableTabcomponent to 100% minus 1 pixel (link)thi-light.scssfile to make them more consistent with the primary color and the theme (link, link)mealclass in theMensa.module.cssfile to make it more subtle and less distracting (link)Mensa.module.cssfile for fixing the horizontal scroll bar bug and indicating unknown values in the modal dialog (link)