ScottyLabs · laasyaaki · Mar 23, 2026 · Apr 1, 2026 · Apr 7, 2026 · Apr 7, 2026
diff --git a/src/App.tsx b/src/App.tsx
@@ -23,7 +23,7 @@ export default function App() {
     const locations = data?.map((location) => ({
         ...location,
         name: toTitleCase(location.name ?? 'Untitled'), // Convert names to title case
-    })) satisfies ILocation_FromAPI[] | undefined;
+    })) as ILocation_FromAPI[] | undefined;
 
     const [cardViewPreferences, setCardViewPreferences] = useUserCardViewPreferences();
     useRefreshWhenBackOnline();

diff --git a/src/assets/menu_images/capital_grains_1.png b/src/assets/menu_images/capital_grains_1.png
diff --git a/src/assets/menu_images/capital_grains_2.png b/src/assets/menu_images/capital_grains_2.png
diff --git a/src/assets/menu_images/ciao_bella_1.png b/src/assets/menu_images/ciao_bella_1.png
diff --git a/src/assets/menu_images/ciao_bella_2.png b/src/assets/menu_images/ciao_bella_2.png
diff --git a/src/assets/menu_images/crisp_and_crust_1.png b/src/assets/menu_images/crisp_and_crust_1.png
diff --git a/src/assets/menu_images/crisp_and_crust_2.png b/src/assets/menu_images/crisp_and_crust_2.png
diff --git a/src/assets/menu_images/exchange_1.png b/src/assets/menu_images/exchange_1.png
diff --git a/src/assets/menu_images/exchange_2.png b/src/assets/menu_images/exchange_2.png
diff --git a/src/assets/menu_images/exchange_3.png b/src/assets/menu_images/exchange_3.png
diff --git a/src/assets/menu_images/exchange_4.png b/src/assets/menu_images/exchange_4.png
diff --git a/src/assets/menu_images/exchange_5.png b/src/assets/menu_images/exchange_5.png
diff --git a/src/assets/menu_images/exchange_6.png b/src/assets/menu_images/exchange_6.png
diff --git a/src/assets/menu_images/exchange_7.png b/src/assets/menu_images/exchange_7.png
diff --git a/src/assets/menu_images/exchange_8.png b/src/assets/menu_images/exchange_8.png
diff --git a/src/assets/menu_images/forbes_ave_subs_1.png b/src/assets/menu_images/forbes_ave_subs_1.png
diff --git a/src/assets/menu_images/forbes_ave_subs_2.png b/src/assets/menu_images/forbes_ave_subs_2.png
diff --git a/src/assets/menu_images/gallo_1.png b/src/assets/menu_images/gallo_1.png
diff --git a/src/assets/menu_images/gallo_2.png b/src/assets/menu_images/gallo_2.png
diff --git a/src/assets/menu_images/gallo_3.png b/src/assets/menu_images/gallo_3.png
diff --git a/src/assets/menu_images/gallo_4.png b/src/assets/menu_images/gallo_4.png
diff --git a/src/assets/menu_images/hunan_1.png b/src/assets/menu_images/hunan_1.png
diff --git a/src/assets/menu_images/hunan_2.png b/src/assets/menu_images/hunan_2.png
diff --git a/src/assets/menu_images/hunan_3.png b/src/assets/menu_images/hunan_3.png
diff --git a/src/assets/menu_images/la_prima_gates_1.png b/src/assets/menu_images/la_prima_gates_1.png
diff --git a/src/assets/menu_images/la_prima_gates_2.png b/src/assets/menu_images/la_prima_gates_2.png
diff --git a/src/assets/menu_images/la_prima_gates_3.png b/src/assets/menu_images/la_prima_gates_3.png
diff --git a/src/assets/menu_images/la_prima_wean_1.png b/src/assets/menu_images/la_prima_wean_1.png
diff --git a/src/assets/menu_images/la_prima_wean_2.png b/src/assets/menu_images/la_prima_wean_2.png
diff --git a/src/assets/menu_images/millies_1.png b/src/assets/menu_images/millies_1.png
diff --git a/src/assets/menu_images/millies_2.png b/src/assets/menu_images/millies_2.png
diff --git a/src/assets/menu_images/ola_ola_1.png b/src/assets/menu_images/ola_ola_1.png
diff --git a/src/assets/menu_images/ola_ola_2.png b/src/assets/menu_images/ola_ola_2.png
diff --git a/src/assets/menu_images/redhawk_1.png b/src/assets/menu_images/redhawk_1.png
diff --git a/src/assets/menu_images/redhawk_2.png b/src/assets/menu_images/redhawk_2.png
diff --git a/src/assets/menu_images/rev_1.png b/src/assets/menu_images/rev_1.png
diff --git a/src/assets/menu_images/rev_2.png b/src/assets/menu_images/rev_2.png
diff --git a/src/assets/menu_images/shake_smart_1.png b/src/assets/menu_images/shake_smart_1.png
diff --git a/src/assets/menu_images/shake_smart_2.png b/src/assets/menu_images/shake_smart_2.png
diff --git a/src/assets/menu_images/stackd_1.png b/src/assets/menu_images/stackd_1.png
diff --git a/src/assets/menu_images/stackd_2.png b/src/assets/menu_images/stackd_2.png
diff --git a/src/assets/menu_images/stackd_desser_1.png b/src/assets/menu_images/stackd_desser_1.png
diff --git a/src/assets/menu_images/tepper_taqueria_1.png b/src/assets/menu_images/tepper_taqueria_1.png
diff --git a/src/assets/menu_images/tepper_taqueria_2.png b/src/assets/menu_images/tepper_taqueria_2.png
diff --git a/src/assets/menu_images/tepper_taqueria_express_1.png b/src/assets/menu_images/tepper_taqueria_express_1.png
diff --git a/src/assets/menu_images/wild_blue_1.png b/src/assets/menu_images/wild_blue_1.png
diff --git a/src/assets/menu_images/wild_blue_2.png b/src/assets/menu_images/wild_blue_2.png
diff --git a/src/assets/menu_images/wild_blue_3.png b/src/assets/menu_images/wild_blue_3.png
diff --git a/src/components/DrawerTabContent.module.css b/src/components/DrawerTabContent.module.css
@@ -94,3 +94,21 @@
         text-decoration: underline;
     }
 }
+
+.menu-images-gallery {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.menu-image {
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+    border-radius: 8px;
+    object-fit: contain;
+}
+
+.hidden-menu-text {
+    display: none;
+}
diff --git a/src/components/DrawerTabContent.tsx b/src/components/DrawerTabContent.tsx
@@ -65,11 +65,23 @@ function DrawerTabContent() {
     }
 
     function renderMenu() {
+        const images = location.images ?? [];
+        const menuItemsString = location.menuItemsString ?? '';
+
         return (
             <>
                 <h4 className={css['section-header']}>Menu</h4>
                 <div>
-                    {menu ? (
+                    {images.length > 0 ? (
+                        <>
+                            <div className={css['menu-images-gallery']}>
+                                {images.map((menuUrl) => (
+                                    <img key={menuUrl} src={menuUrl} alt={menuUrl} className={css['menu-image']} />
+                                ))}
+                            </div>
+                            {menuItemsString && <div className={css['hidden-menu-text']}>{menuItemsString}</div>}
+                        </>
+                    ) : menu ? (
                         <a className={css['inline-link']} href={menu} target="_blank" rel="noreferrer">
                             <span>View menu online</span>
                             <ExternalLink size={14} aria-hidden />

diff --git a/src/types/api.d.ts b/src/types/api.d.ts
@@ -271,6 +271,8 @@ export interface operations {
                         acceptsOnlineOrders: boolean;
                         id: string;
                         conceptId: (string | null) | null;
+                        images: string[];
+                        menuItemsString: (string | null) | null;
                     }[];
                 };
             };

diff --git a/src/types/locationTypes.ts b/src/types/locationTypes.ts
@@ -66,6 +66,9 @@ export interface ILocation_FromAPI {
     todaysSoups: ISpecial[];
     /** The id provided on the dining services website */
     conceptId: string | null;
+    /** List of menu image filenames */
+    images: string[];
+    menuItemsString: string | null;
 }
 export interface IStatusMessage {
     shortStatus: [string, string];

diff --git a/src/util/useFilteredLocations.ts b/src/util/useFilteredLocations.ts
@@ -5,7 +5,7 @@ import assert from './assert';
 
 const FUSE_OPTIONS: IFuseOptions<ILocation_Full> = {
     // keys to perform the search on
-    keys: ['name', 'location', 'shortDescription', 'description'],
+    keys: ['name', 'location', 'shortDescription', 'description', 'menuItemsString'],
     ignoreLocation: true,
     threshold: 0.2,
 };