refactor: change checkbox to mat-slide-toggle

Reviewed-by: andriacap
PnX-SI · Aug 19, 2024 · 5614855 · 5614855
1 parent 0a39a45
commit 5614855
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/frontend/src/app/components/home-content/home-content.component.html b/frontend/src/app/components/home-content/home-content.component.html
@@ -46,14 +46,13 @@
       >
         <!-- Toggle for "Mes discussions" -->
         <div class="toggle-container">
-          <label>
-            <input
-              type="checkbox"
-              [(ngModel)]="myReportsOnly"
-              (change)="toggleMyReports()"
-            />
-            Mes discussions
-          </label>
+          <mat-slide-toggle
+            labelPosition="after"
+            [(ngModel)]="myReportsOnly"
+            (change)="toggleMyReports()"
+          >
+            Mes discussions uniquement
+          </mat-slide-toggle>
         </div>
         <ngx-datatable
           #table

diff --git a/frontend/src/app/components/home-content/home-content.component.scss b/frontend/src/app/components/home-content/home-content.component.scss
@@ -49,3 +49,7 @@ ngx-datatable-column {
   overflow: hidden; /* Empêche le débordement du texte */
   text-overflow: ellipsis; /* Affiche des points de suspension si le texte dépasse */
 }
+
+.toggle-container mat-slide-toggle {
+  padding: 4px;
+}