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/discount/discount.component.html

@@ -1,6 +1,6 @@
 <h2 mat-dialog-title>Discount</h2>
 <mat-dialog-content>
-  <form [formGroup]="form" fxLayout="column">
+  <form [formGroup]="form" class="flex flex-col">
     <mat-table #table [dataSource]="dataSource" formArrayName="discounts">
       <!-- Name Column -->
       <ng-container matColumnDef="name">
@@ -10,13 +10,20 @@
 
       <!-- Discount Column -->
       <ng-container matColumnDef="discount">
-        <mat-header-cell *matHeaderCellDef class="center" fxFlex>Discount</mat-header-cell>
-        <mat-cell *matCellDef="let row; let i = index" class="center" [formGroupName]="i" fxFlex>
-          <mat-form-field fxFlex="100%">
+        <mat-header-cell *matHeaderCellDef class="center" class="flex-auto"
+          >Discount</mat-header-cell
+        >
+        <mat-cell
+          *matCellDef="let row; let i = index"
+          class="center"
+          [formGroupName]="i"
+          class="flex-auto"
+        >
+          <mat-form-field class="flex-auto">
             <input matInput type="number" formControlName="discount" autocomplete="off" />
             <span matSuffix>%</span>
-            <mat-hint>Cust: {{ row.customerDiscount | percent: '1.2-2' }}</mat-hint>
-            <mat-hint align="end">Max: {{ row.discountLimit | percent: '1.2-2' }}</mat-hint>
+            <mat-hint>Cust: {{ row.customerDiscount | percent : '1.2-2' }}</mat-hint>
+            <mat-hint align="end">Max: {{ row.discountLimit | percent : '1.2-2' }}</mat-hint>
           </mat-form-field>
         </mat-cell>
       </ng-container>