display commit at recipe

client/src/app/features/recipes/recipes.component.html

@@ -112,17 +112,20 @@
           </button>
           <!-- todo: add modal -->
           <dialog id="select_savefile_modal" class="modal">
-            <div class="modal-box max-w-[600px] overflow-visible">
+            <div class="modal-box max-w-[1000px] overflow-visible">
               <p class="font-bold text-lg m-2">Saved Files</p>
               <table class="table">
                 <tr class="bg-primary ">
-                  <th>Name</th>
+                  <th>Commit ID</th>
                   <th>Comment</th>
-                  <!-- <th></th> -->
+                  <th>Editor</th>
+                  <th>Date</th>
                 </tr>
                 <tr class="row hover:bg-secondary" *ngFor="let file of savedTmpfiles">
-                  <td>{{ file }}</td>
-                  <td>"-"</td>
+                  <td>{{ file.Id }}</td>
+                  <td>{{ file.Msg }}</td>
+                  <td>{{ file.Editor }}</td>
+                  <td>{{ file.Created_at }}</td>
                   <button class="btn bg-blue-400">Select</button>
                 </tr>
               </table>