Menu item res

frontend/api/menu-items.ts

@@ -65,3 +65,7 @@ export const getMenuItemReviews = async (menuItemId: string, params?: ReviewQuer
 export const getRecommendations = async (userId: string): Promise<TMenuItem[]> => {
     return await makeRequest(`:4000/reccomendation?user_id=${userId}`, "GET");
 };
+
+export const getMenuItemsByRestaurant = async (restaurantId: string): Promise<TMenuItem[]> => {
+    return await makeRequest(`/api/v1/menu-items/restaurant/${restaurantId}`, "GET");
+};

frontend/app/(restaurant)/[id].tsx

@@ -20,6 +20,11 @@ import { Skeleton } from "moti/skeleton";
 import { getRestaurantReviews, getRestaurantReviewsByUser, getReviews } from "@/api/reviews";
 import { TReview } from "@/types/review";
 import { useUser } from "@/context/user-context";
+<<<<<<< HEAD
+import { TMenuItem } from "@/types/menu-item";
+import { getMenuItemsByRestaurant } from "@/api/menu-items";
+=======
+>>>>>>> origin
 
 export default function Route() {
     const restaurantTags = ["Fast Food", "Fried Chicken", "Chicken Sandwiches", "Order Online"];
@@ -39,6 +44,7 @@ export default function Route() {
     const { user } = useUser();
 
     const [restaurant, setRestaurant] = React.useState<TRestaurant | null>(null);
+    const [menuItems, setMenuItems] = React.useState<TMenuItem[]>([]);
     const [loading, setLoading] = React.useState(true);
     const navigation = useNavigation();
 
@@ -57,6 +63,13 @@ export default function Route() {
             setReviews(res);
         });
 
+<<<<<<< HEAD
+        getMenuItemsByRestaurant(id).then((res) => {
+            setMenuItems(res);
+        });
+
+=======
+>>>>>>> origin
         getRestaurantReviewsByUser(id, user.id).then((res) => {
             console.log(res);
             setMyReviews(res);
@@ -200,7 +213,24 @@ export default function Route() {
                                     </>
                                 ))}
 
-                            {filterTab == 1 && <>{/* TODO MENU ITEM PREVIEW */}</>}
+                            {filterTab == 1 && (
+                                <>
+                                    {menuItems.map((item, index) => {
+                                        return (
+                                            <MenuItemPreview
+                                                key={index}
+                                                plateName={item["Name"]}
+                                                picture={item["Picture"]}
+                                                id={item["ID"]}
+                                                restaurantName={item["RestaurantName"]}
+                                                tags={item["Tags"]}
+                                                rating={item["AvgRating"]["Overall"]}
+                                                content={item["Description"]}
+                                            />
+                                        );
+                                    })}
+                                </>
+                            )}
                         </ThemedView>
                     </Skeleton>
                 </ThemedView>