app/lib/definitions.ts

@@ -37,6 +37,7 @@ export type Banana = {
 export type TableArrangement = {
   id: string;
   number: number;
+  name: string;
   guests?: Guest[];
   discomfort?: number
 }

app/ui/arrangements/arrangements-table.tsx

@@ -16,6 +16,7 @@ export default function ArrangementsTable ({onArrangementSelected}: {onArrangeme
           setArrangements(data.map((record: any) => {
             return ({
               id: record.id,
+              name: record.name,
               discomfort: record.discomfort
             });
           }));
@@ -42,7 +43,7 @@ export default function ArrangementsTable ({onArrangementSelected}: {onArrangeme
           <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
             <tr>
               <th scope="col" className="px-6 py-3">
-                ID
+                Name
               </th>
               <th scope="col" className="px-6 py-3">
                 Discomfort
@@ -56,7 +57,7 @@ export default function ArrangementsTable ({onArrangementSelected}: {onArrangeme
             {arrangements.map((arrangement) => (
               <tr key={arrangement.id} className="bg-white border-b odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800">
                 <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
-                  {arrangement.id}
+                  {arrangement.name}
                 </th>
                 <td className="px-6 py-4">
                   {arrangement.discomfort}