add history description

frontend/allowance-planner-v2/src/app/models/history.ts

@@ -1,4 +1,5 @@
 export interface History {
     timestamp: string;
     allowance: number;
+    description: string;
 }

frontend/allowance-planner-v2/src/app/pages/allowance/allowance.page.ts

@@ -32,6 +32,7 @@ export class AllowancePage implements ViewWillEnter {
   getAllowance() {
     setTimeout(() => {
       this.allowanceService.getAllowanceList(this.id).subscribe(allowance => {
+        console.log(allowance)
         allowance[0].colour = '#9C4BE4';
         allowance[0].name = 'Main Allowance';
         this.allowance$.next(allowance);

frontend/allowance-planner-v2/src/app/pages/history/history.page.html

@@ -10,11 +10,11 @@
   <div class="item" *ngFor="let history of history$ | async">
     <div class="left">
       <div class="date">{{ history.timestamp | date: 'yyyy-MM-dd' }}</div>
-      <div class="description">Seba made an oopsie</div>
+      <div class="description">{{ history.description }}</div>
     </div>
     <div
       class="amount"
       [ngClass]="{ 'negative': history.allowance < 0 }"
-    >{{ history.allowance }}</div>
+    >{{ history.allowance }} SP</div>
   </div>
 </ion-content>

frontend/allowance-planner-v2/src/app/pages/history/history.page.scss

@@ -6,6 +6,10 @@
     padding: 8px;
 }
 
+.left {
+    width: 70%;
+}
+
 .date {
     color: var(--line-color);
 }

frontend/allowance-planner-v2/src/app/pages/history/history.page.ts

@@ -31,6 +31,7 @@ export class HistoryPage implements ViewWillEnter {
   getHistory() {
     setTimeout(() => {
       this.historyService.getHistoryList(this.userId).subscribe(history => {
+        console.log(history)
         this.history$.next(history);
       })
     }, 20);