Update grid master board with more reward speculations

Author: adamgraham

gatsby-node.ts

@@ -96,8 +96,8 @@ export const createSchemaCustomization = ({
       col: String!
       row: String!
       type: String!
-      icon: String
       task: String
+      taskIcon: String
       taskLink: String
       reward: String
       rewardDescription: String

src/components/GridMasterBoard.tsx

@@ -52,7 +52,14 @@ function GridMasterTaskTile({ tile }: { tile: GridMasterTile }) {
           </Text>
         ) : (
           <Text type="body-sm">
-            {(!unknown && (flipped ? tile.reward : tile.task)) || 'Unknown'}
+            {((!unknown && (flipped ? tile.reward : tile.task)) || 'Unknown')
+              .split('\n')
+              .map((line, index, array) => (
+                <React.Fragment key={`${index}:${line}`}>
+                  {line}
+                  {index != array.length - 1 && <br />}
+                </React.Fragment>
+              ))}
           </Text>
         )
       }
@@ -71,7 +78,7 @@ function GridMasterTaskTile({ tile }: { tile: GridMasterTile }) {
         <GridMasterTileImage
           cell={cell}
           unknown={unknown}
-          icon={flipped ? tile.rewardIcon : tile.icon}
+          icon={flipped ? tile.rewardIcon : tile.taskIcon}
           type={flipped ? 'task-reward' : 'task'}
         />
       </WikiLink>

src/components/GridMasterTileImage.tsx

@@ -10,7 +10,9 @@ import relicMinimumPotential from '../images/grid-master-relic-minimum-potential
 import relicProductionMaster from '../images/grid-master-relic-production-master.png';
 import relicScarab from '../images/grid-master-relic-scarab.png';
 import relicSlayerMaster from '../images/grid-master-relic-slayer-master.png';
+import relicTotalRecall from '../images/grid-master-relic-total-recall.png';
 import rewardCombatStyles from '../images/grid-master-reward-combat-styles.png';
+import rewardTirannwnUnlock from '../images/grid-master-reward-tirannwn-unlock.png';
 import rewardUnknown from '../images/grid-master-reward-unknown.png';
 import rewardXp from '../images/grid-master-reward-xp.png';
 import rewardXpMultiplier from '../images/grid-master-reward-xp-multiplier.png';
@@ -87,6 +89,7 @@ const rewards: Record<string, any> = {
   R4: rewardXpMultiplier,
   A3: relicGoldenGod,
   A4: relicProductionMaster,
+  C6: relicTotalRecall,
   C7: relicScarab,
   D2: rewardXp,
   D3: relicGathering,
@@ -97,6 +100,7 @@ const rewards: Record<string, any> = {
   D8: rewardXpMultiplier,
   E1: relicSlayerMaster,
   E2: relicCorruptedShark,
+  F3: rewardTirannwnUnlock,
   G2: relicGuardian,
   G4: relicFriendlyForager,
 };

src/context/GridMasterContext.tsx

@@ -1,5 +1,5 @@
 import { graphql, useStaticQuery } from 'gatsby';
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import React, { createContext, useContext, useState } from 'react';
 import type { GridMasterTile } from '../types/grid-master';
 
 interface GridMasterContextData {
@@ -29,15 +29,14 @@ export function GridMasterContextProvider({
   children,
 }: React.PropsWithChildren) {
   const data = useStaticQuery<GridMasterQueryData>(dataQuery);
-  const tiles = useMemo(() => data.tiles.nodes, [data]);
   const [flipped, setFlipped] = useState(defaultData.flipped);
   const [hideUnconfirmed, setHideUnconfirmed] = useState(
     defaultData.hideUnconfirmed,
   );
   return (
     <GridMasterContext.Provider
       value={{
-        tiles,
+        tiles: data.tiles.nodes,
         flipped,
         hideUnconfirmed,
         setFlipped,
@@ -60,8 +59,8 @@ const dataQuery = graphql`
         col
         row
         type
-        icon
         task
+        taskIcon
         taskLink
         reward
         rewardDescription