feat(#491): show grapes required for wine

src/components/WineRecipeList/WineRecipe.js

@@ -5,7 +5,10 @@ import CardHeader from '@mui/material/CardHeader'
 import CardActions from '@mui/material/CardActions'
 import Button from '@mui/material/Button'
 
-import { grapeVarietyNameMap } from '../../data/crops/grape'
+import {
+  grapeVarietyNameMap,
+  grapeVarietyVarietyGrapeMap,
+} from '../../data/crops/grape'
 import { wineService } from '../../services/wine'
 import { grapeVariety } from '../../enums'
 import { wines } from '../../img'
@@ -18,6 +21,7 @@ import { integerString } from '../../utils'
  */
 export const WineRecipe = ({ wineVariety }) => {
   const wineName = grapeVarietyNameMap[wineVariety]
+  const grape = grapeVarietyVarietyGrapeMap[wineVariety]
 
   return (
     <Card className="WineRecipe">
@@ -37,8 +41,12 @@ export const WineRecipe = ({ wineVariety }) => {
               Days to mature:{' '}
               {integerString(wineService.getDaysToMature(wineVariety))}
             </p>
+            <p>
+              Ingredients:{' '}
+              {integerString(wineService.getGrapesRequiredForWine(wineVariety))}{' '}
+              x {grape.name}
+            </p>
             {
-              // FIXME: Show type and number of grapes required (4x their wineVarietyValueMap value)
               // FIXME: Show number of required grapes in inventory
               // FIXME: Show amount in cellar
             }

src/data/crops/grape.js

@@ -205,3 +205,19 @@ export const grapeNebbiolo = grape({
   imageId: 'grape-purple',
   variety: grapeVariety.NEBBIOLO,
 })
+
+/**
+ * @type {Record<grapeVariety, farmhand.grape>}
+ */
+export const grapeVarietyVarietyGrapeMap = {
+  [grapeVariety.CHARDONNAY]: grapeChardonnay,
+  [grapeVariety.SAUVIGNON_BLANC]: grapeSauvignonBlanc,
+  //[grapeVariety.PINOT_BLANC]: grapePinotBlanc,
+  //[grapeVariety.MUSCAT]: grapeMuscat,
+  //[grapeVariety.RIESLING]: grapeRiesling,
+  //[grapeVariety.MERLOT]: grapeMerlot,
+  [grapeVariety.CABERNET_SAUVIGNON]: grapeCabernetSauvignon,
+  //[grapeVariety.SYRAH]: grapeSyrah,
+  [grapeVariety.TEMPRANILLO]: grapeTempranillo,
+  [grapeVariety.NEBBIOLO]: grapeNebbiolo,
+}

src/services/wine.js

@@ -10,12 +10,24 @@ export class WineService {
    */
   maturityDayMultiplier = 3
 
+  /**
+   * @private
+   */
+  grapeRequirementMultiplier = 4
+
   /**
    * @param {grapeVarietyEnum} grapeVariety
    */
   getDaysToMature = grapeVariety => {
     return wineVarietyValueMap[grapeVariety] * this.maturityDayMultiplier
   }
+
+  /**
+   * @param {grapeVarietyEnum} grapeVariety
+   */
+  getGrapesRequiredForWine = grapeVariety => {
+    return wineVarietyValueMap[grapeVariety] * this.grapeRequirementMultiplier
+  }
 }
 
 export const wineService = new WineService()