Refactor cooking achievements prop names

Renamed the 'recipesCooked' prop to 'cookedItems' in Cooking, Achievements, and Stats components for consistency. Updated related references and destructuring to match the new prop name.

Author: JorchCortez

src/Components/AchieveTabs/Cooking.tsx

@@ -2,24 +2,25 @@ import { useState, useEffect } from 'react'
 import type { generalFormatedItemType } from 'types/savefile';
 
 interface dishesCookedType {
-    recipesCooked: generalFormatedItemType[];
+    cookedItems: generalFormatedItemType[];
 }
 
-const Food = ( recipesCooked  : dishesCookedType) => {
+const Food = ( {cookedItems}  : dishesCookedType) => {
     const [dishesCooked, setDishesCooked] = useState(0);
-    if(!recipesCooked) return <div>No cooking data available.</div>;
+    if(!cookedItems) return <div>No cooking data available.</div>;
 
-    const canMap = (recipesCooked && recipesCooked.length > 0);
+    const canMap = (cookedItems && cookedItems.length > 0);
+    console.log("Cooking data:", cookedItems);
     useEffect(() => {  
-        const cookedCount = canMap ? recipesCooked.map((num) => (num.times !== undefined && num.times > 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
+        const cookedCount = canMap ? cookedItems.map((num) => (num.times !== undefined && num.times > 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
         setDishesCooked(cookedCount);
-    }, [recipesCooked]);
-    const cookedCount = canMap ? recipesCooked.map((num) => (num.times !== undefined && num.times > 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
-    const knownCount = canMap ? recipesCooked.map((num) => (num.times !== undefined && num.times >= 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
+    }, [cookedItems]);
+    const cookedCount = canMap ? cookedItems.map((num) => (num.times !== undefined && num.times > 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
+    const knownCount = canMap ? cookedItems.map((num) => (num.times !== undefined && num.times >= 0) ? 1 : 0).reduce((n: number, next: number) => n + next, 0) : 0;
 
     return ( 
         <div className="progress-container">   
-            <span className="a-title"><h1>You have cooked {cookedCount}, knowing {knownCount} out of {recipesCooked.length} recipes</h1></span>
+            <span className="a-title"><h1>You have cooked {cookedCount}, knowing {knownCount} out of {cookedItems.length} recipes</h1></span>
             <br />
             <h2>Cooking Achievements</h2>
             <ul className="a-List"> 
@@ -29,7 +30,7 @@ const Food = ( recipesCooked  : dishesCookedType) => {
             </ul>
             <br />
             { canMap ? 
-                recipesCooked.recipesCooked.map((d, i) => <a href={`https://stardewvalleywiki.com/${d.link}`} target="blank" key={i}><img src={`https://stardew-tracker.s3.amazonaws.com/Cooking/${d.image}.png`} alt={d.name} className={ (d.times !== undefined) ? ((d.times > 0) ? "done" : "known" ): "" } title={(d.times !== undefined) ? (d.times > 0) ? `Cooked ${d.name}  ${d.times} times` : `You haven't cooked ${d.name}` : `You don't know how to cook ${d.name}`} ></img></a>) 
+                cookedItems.map((d, i) => <a href={`https://stardewvalleywiki.com/${d.link}`} target="blank" key={i}><img src={`https://stardew-tracker.s3.amazonaws.com/Cooking/${d.image}.png`} alt={d.name} className={ (d.times !== undefined) ? ((d.times > 0) ? "done" : "known" ): "" } title={(d.times !== undefined) ? (d.times > 0) ? `Cooked ${d.name}  ${d.times} times` : `You haven't cooked ${d.name}` : `You don't know how to cook ${d.name}`} ></img></a>) 
                 : null
             }
         </div>

src/Components/Achievements/Achievements.tsx

@@ -57,7 +57,7 @@ const Achievements = ({
                 </TabList>
             <TabPanel> 
                 <section className="achievement-container"> 
-                    <Food recipesCooked={cookedItems}></Food>
+                    <Food cookedItems={cookedItems}></Food>
                 </section>
             </TabPanel> 
             <TabPanel> 

src/Components/stats/stats.tsx

@@ -27,27 +27,27 @@ const Stats = ({playerData, farmName, farmhandData}: formattedSaveFileType) => {
     );
 
 
-    const playerStats = farmhandData.map((item, i) => (
+    const playerStats = farmhandData.map((p, i) => (
         <TabPanel key={i}>
             <section className="wrapper">
-                <Skills {...item.experience}></Skills>
+                <Skills experience={p.experience}></Skills>
                 <div className="ropes">
                     <img src={Rope} alt=""></img>
                     <img src={Rope} alt=""></img>
                 </div>
                 <Achievements 
-                    recipesCooked={item.cookedItems}
-                    itemsCrafted={item.itemsCrafted}  
-                    cropsShipped={item.cropsShipped} 
-                    fishCaught={item.fishCaught}
-                    friendship={item.friendship}
-                    monstersKilled={item.monstersKilled}
-                    shippedItems={item.shippedItems}
-                    moneyEarned={item.moneyEarned}
-                    museumCollection={item.museumCollection}
-                    questsDone={item.questsDone}
-                    specialReq={item.specialRequests}
-                    pendingSpecialReq={item.pendingSpecialRequests}
+                    cookedItems={p.cookedItems}
+                    itemsCrafted={p.itemsCrafted}  
+                    cropsShipped={p.cropsShipped} 
+                    fishCaught={p.fishCaught}
+                    friendship={p.friendship}
+                    monstersKilled={p.monstersKilled}
+                    shippedItems={p.shippedItems}
+                    moneyEarned={p.moneyEarned}
+                    museumCollection={p.museumCollection}
+                    questsDone={p.questsDone}
+                    specialRequests={p.specialRequests}
+                    //availableSpecialRequests={p.availableSpecialRequests}
                 ></Achievements>
             </section> 
         </TabPanel>
@@ -73,7 +73,7 @@ const Stats = ({playerData, farmName, farmhandData}: formattedSaveFileType) => {
                                 <img src={Rope} alt=""></img>
                             </div> 
                             <Achievements 
-                                recipesCooked={playerData.cookedItems} 
+                                cookedItems={playerData.cookedItems} 
                                 itemsCrafted={playerData.itemsCrafted}  
                                 cropsShipped={playerData.cropsShipped}  
                                 fishCaught={playerData.fishCaught}
@@ -83,7 +83,7 @@ const Stats = ({playerData, farmName, farmhandData}: formattedSaveFileType) => {
                                 moneyEarned={playerData.moneyEarned}
                                 museumCollection={playerData.museumCollection}
                                 questsDone={playerData.questsDone}
-                                specialReq={playerData.specialRequests}
+                                specialRequests={playerData.specialRequests}
                                 //pendingSpecialReq={playerData.pendingSpecialRequests}
                             ></Achievements> 
                             </>