Include item small name on shop

rluodev · Jun 19, 2024 · 42dfb78 · 42dfb78
1 parent ce54d80
commit 42dfb78
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/components/arcade/prizes.js b/components/arcade/prizes.js
@@ -9,6 +9,8 @@ const Prizes = ({
   subtext,
   fulfillmentDescription,
   fullName,
+  name,
+  smallName,
   cost,
   polaroidRotation,
   ticketRotation,
@@ -66,11 +68,11 @@ const Prizes = ({
         variant="headline"
         sx={{ color: '#FFEEC6', mb: 0 }}
       >
-        {text}
+        {name}
+      </Text>
+      <Text variant="subtitle" sx={{ color: '#FFEEC6' }}>
+        {smallName}
       </Text>
-      {/* <Text className="" variant="subtitle" sx={{ color: '#FFEEC6' }}>
-          {text}
-        </Text> */}
       <Balancer>
         <Text
           as="p"

diff --git a/components/arcade/shop-component.js b/components/arcade/shop-component.js
@@ -80,7 +80,8 @@ export default function ShopComponent({
           .map((item) => (
             <Prizes
               img={item['Image URL']}
-              text={item['Name']}
+              name={item['Name']}
+              smallName={item['Small Name']}
               subtext={item['Description']}
               cost={item['Cost Hours']}
               quantity={item['Max Order Quantity']}

diff --git a/pages/arcade/[userAirtableID]/shop.js b/pages/arcade/[userAirtableID]/shop.js
@@ -80,6 +80,7 @@ export async function getStaticProps({params}) {
     shopParts().then(items => {
       const availableItems = items.filter(item => item['Enabled']).map(item => ({
         'Name': item['Name'] || null,
+        'Small Name': item['Small Name'] || null,
         'Full Name': item['Full Name'] || null,
         'Description': item['Description'] || null,
         'Fulfillment Description': item['Fulfillment Description'] || null,