history orders image food

src/app/[name]/(Main)/order/history/page.tsx

@@ -16,11 +16,17 @@ import { HistoryOrderItem } from './types/Types';
 
 const fallbackImage = '/assets/images/food-preview.png';
 
-const getFoodImage = (images: string | null | undefined): string => {
+const getFoodImage = (images: string[] | string | null | undefined): string => {
-    if (!images || typeof images !== 'string') {
+    if (!images) {
         return fallbackImage;
     }
-    return images;
+    if (Array.isArray(images)) {
+        return images.length > 0 ? images[0] : fallbackImage;
+    }
+    if (typeof images === 'string') {
+        return images;
+    }
+    return fallbackImage;
 };
 
 const formatDate = (dateString: string): string => {

src/app/[name]/(Main)/order/history/types/Types.ts

@@ -117,7 +117,7 @@ export interface HistoryOrderFood {
   stock: number;
   stockDefault: number;
   isActive: boolean;
-  images: string | null;
+  images: string[] | null;
   inPlaceServe: boolean;
   pickupServe: boolean;
   rate: number;

src/components/tab/PerformantTabRenderer.tsx

@@ -42,7 +42,7 @@ function PerformantTabRenderer({ children, rowHeight = 100, ...rest }: Props) {
         <ul
             {...rest}
             style={{
-                height: (rowHeight * (children.length - 1)),
+                height: (rowHeight * children.length),
                 paddingTop: 16,
             }}
         >