Chore:

Moved to sqlalchemy 2.0
Added type checking as much as possible
Updated angular to 15
Moved from Angular flex layout to tailwind css

Started developing on vscode with devcontainers

bookie/src/app/sales/receive-payment/receive-payment.component.html

@@ -1,6 +1,6 @@
 <h2 mat-dialog-title>Receive Payment</h2>
 <mat-dialog-content>
-  <form [formGroup]="form" fxLayout="column">
+  <form [formGroup]="form" class="flex flex-col">
     <mat-table #table [dataSource]="dataSource" formArrayName="amounts" *ngIf="this.displayTable">
       <!-- Name Column -->
       <ng-container matColumnDef="name">
@@ -13,16 +13,21 @@
 
       <!-- Discount Column -->
       <ng-container matColumnDef="amount">
-        <mat-header-cell *matHeaderCellDef class="center bold" fxFlex>{{
-          amount | currency: 'INR'
+        <mat-header-cell *matHeaderCellDef class="center bold" class="flex-auto">{{
+          amount | currency : 'INR'
         }}</mat-header-cell>
-        <mat-cell *matCellDef="let row; let i = index" class="center" [formGroupName]="i" fxFlex>
+        <mat-cell
+          *matCellDef="let row; let i = index"
+          class="center"
+          [formGroupName]="i"
+          class="flex-auto"
+        >
           <mat-form-field>
             <input matInput type="number" formControlName="amount" autocomplete="off" />
           </mat-form-field>
         </mat-cell>
         <mat-footer-cell *matFooterCellDef class="bold">{{
-          balance | currency: 'INR'
+          balance | currency : 'INR'
         }}</mat-footer-cell>
       </ng-container>
 
@@ -30,13 +35,12 @@
       <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
       <mat-footer-row *matFooterRowDef="displayedColumns"></mat-footer-row>
     </mat-table>
-    <mat-form-field fxFlex *ngIf="this.displayReason">
+    <mat-form-field class="flex-auto" *ngIf="this.displayReason">
       <mat-label>Reason</mat-label>
       <input
         type="text"
         matInput
         #son
-        placeholder="Reason"
         formControlName="son"
         autocomplete="off"
         (focus)="select(son.value) && son.select()"