feat(#491): wire up WineRecipeList

src/components/Cellar/WinemakingTabPanel.js

@@ -5,10 +5,13 @@ import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import ReactMarkdown from 'react-markdown'
 
+import { WineRecipeList } from '../WineRecipeList/WineRecipeList'
+
 import { TabPanel } from './TabPanel'
 
 export const WinemakingTabPanel = ({ index, currentTab }) => (
   <TabPanel value={currentTab} index={index}>
+    <WineRecipeList />
     <Divider />
     <ul className="card-list">
       <li>

src/components/WineRecipeList/WineRecipeList.js

@@ -0,0 +1,16 @@
+import React, { useContext } from 'react'
+
+import { getWineVarietiesAvailableToMake } from '../../utils/getWineVarietiesAvailableToMake'
+import FarmhandContext from '../Farmhand/Farmhand.context'
+
+export const WineRecipeList = () => {
+  const {
+    gameState: { itemsSold },
+  } = useContext(FarmhandContext)
+
+  const winesVarietiesAvailableToMake = getWineVarietiesAvailableToMake(
+    itemsSold
+  )
+
+  return <>{JSON.stringify(winesVarietiesAvailableToMake)}</>
+}

src/utils/getWineVarietiesAvailableToMake.js

@@ -29,7 +29,6 @@ const getGrapesSold = itemsSold => {
   return grapesSold
 }
 
-// FIXME: Test this
 /**
  * @param {itemsSold} itemsSold
  * @returns {grapeVariety[]}