kennyboy55/beer-inventory
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 9 Activity

Fix enum usage

Browse Source
This commit is contained in:
kennyboy55
2024-06-25 20:10:17 +02:00
parent 4a2dfc6a84
commit cabee4fd99
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/inventory/stats/route.tsx
+16 -16
View File
@@ -214,19 +214,19 @@ export default function StatsRoute() {
<td>{loadData.total.drinksInventory}</td>
</tr>
<tr>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Beer)}}> </Badge></td>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor("Beer")}}> </Badge></td>
<td>{loadData.total.beersInventory}</td>
</tr>
<tr>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Wine)}}> </Badge></td>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor("Wine")}}> </Badge></td>
<td>{loadData.total.wineInventory}</td>
</tr>
<tr>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Soda)}}> </Badge></td>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor("Soda")}}> </Badge></td>
<td>{loadData.total.sodaInventory}</td>
</tr>
<tr>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Cocktail)}}> </Badge></td>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor("Cocktail")}}> </Badge></td>
<td>{loadData.total.cocktailInventory}</td>
</tr>
</tbody>
@@ -279,19 +279,19 @@ export default function StatsRoute() {
<td>{loadData.statsTotal.drinksInventory}</td>
</tr>
<tr>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Beer)}}> </Badge></td>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor("Beer")}}> </Badge></td>
<td>{loadData.statsTotal.beersInventory}</td>
</tr>
<tr>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Wine)}}> </Badge></td>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor("Wine")}}> </Badge></td>
<td>{loadData.statsTotal.wineInventory}</td>
</tr>
<tr>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Soda)}}> </Badge></td>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor("Soda")}}> </Badge></td>
<td>{loadData.statsTotal.sodaInventory}</td>
</tr>
<tr>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Cocktail)}}> </Badge></td>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor("Cocktail")}}> </Badge></td>
<td>{loadData.statsTotal.cocktailInventory}</td>
</tr>
</tbody>
@@ -344,19 +344,19 @@ export default function StatsRoute() {
<td>{loadData.statsLastMonth.drinksInventory}</td>
</tr>
<tr>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Beer)}}> </Badge></td>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor("Beer")}}> </Badge></td>
<td>{loadData.statsLastMonth.beersInventory}</td>
</tr>
<tr>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Wine)}}> </Badge></td>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor("Wine")}}> </Badge></td>
<td>{loadData.statsLastMonth.wineInventory}</td>
</tr>
<tr>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Soda)}}> </Badge></td>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor("Soda")}}> </Badge></td>
<td>{loadData.statsLastMonth.sodaInventory}</td>
</tr>
<tr>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Cocktail)}}> </Badge></td>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor("Cocktail")}}> </Badge></td>
<td>{loadData.statsLastMonth.cocktailInventory}</td>
</tr>
</tbody>
@@ -400,19 +400,19 @@ export default function StatsRoute() {
<td>{loadData.statsLast24H.drinksInventory}</td>
</tr>
<tr>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Beer)}}> </Badge></td>
<td className="ps-4"># Beers <Badge bg="" style={{backgroundColor: drinkTypeToColor("Beer")}}> </Badge></td>
<td>{loadData.statsLast24H.beersInventory}</td>
</tr>
<tr>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Wine)}}> </Badge></td>
<td className="ps-4"># Wines <Badge bg="" style={{backgroundColor: drinkTypeToColor("Wine")}}> </Badge></td>
<td>{loadData.statsLast24H.wineInventory}</td>
</tr>
<tr>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Soda)}}> </Badge></td>
<td className="ps-4"># Sodas <Badge bg="" style={{backgroundColor: drinkTypeToColor("Soda")}}> </Badge></td>
<td>{loadData.statsLast24H.sodaInventory}</td>
</tr>
<tr>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor(DrinkType.Cocktail)}}> </Badge></td>
<td className="ps-4"># Cocktails <Badge bg="" style={{backgroundColor: drinkTypeToColor("Cocktail")}}> </Badge></td>
<td>{loadData.statsLast24H.cocktailInventory}</td>
</tr>
</tbody>
app/utils/color.ts
+4 -4
View File
@@ -31,13 +31,13 @@ export function hexToRGB(hex : string, alpha : number) {
export function drinkTypeToColor(type: DrinkType){
switch(type){
default:
case DrinkType.Beer:
case "Beer":
return 'rgba(255, 164, 18, 1)';
case DrinkType.Cocktail:
case "Cocktail":
return 'rgba(83, 185, 219, 1)';
case DrinkType.Soda:
case "Soda":
return 'rgba(188, 71, 214, 1)';
case DrinkType.Wine:
case "Wine":
return 'rgba(178, 21, 58, 1)'
}
}