From 79b8092c0a3a4dfee0e93d126dce84ab09e071c3 Mon Sep 17 00:00:00 2001
From: Dhoni77 <aldrinmarz7@gmail.com>
Date: Mon, 9 Oct 2023 12:43:07 +0530
Subject: [PATCH] feat: Add access button to gf-user-account-access

---
 .../user-account-access/user-account-access.html    | 13 ++++++++++++-
 .../user-account-access/user-account-access.scss    |  7 +++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/app/components/user-account-access/user-account-access.html b/apps/client/src/app/components/user-account-access/user-account-access.html
index c3aa485cd..96925cbec 100644
--- a/apps/client/src/app/components/user-account-access/user-account-access.html
+++ b/apps/client/src/app/components/user-account-access/user-account-access.html
@@ -10,8 +10,19 @@
   </h1>
   <gf-access-table
     [accesses]="accesses"
-    [hasPermissionToCreateAccess]="hasPermissionToCreateAccess"
     [showActions]="hasPermissionToDeleteAccess"
     (accessDeleted)="onDeleteAccess($event)"
   ></gf-access-table>
+  <div *ngIf="hasPermissionToCreateAccess" class="fab-container">
+    <a
+      class="align-items-center d-flex justify-content-center"
+      color="primary"
+      i18n
+      mat-fab
+      [queryParams]="{ createDialog: true }"
+      [routerLink]="[]"
+    >
+      <ion-icon name="add-outline" size="large"></ion-icon>
+    </a>
+  </div>
 </div>
diff --git a/apps/client/src/app/components/user-account-access/user-account-access.scss b/apps/client/src/app/components/user-account-access/user-account-access.scss
index 695f786f2..0f82c32a1 100644
--- a/apps/client/src/app/components/user-account-access/user-account-access.scss
+++ b/apps/client/src/app/components/user-account-access/user-account-access.scss
@@ -5,6 +5,13 @@
   gf-access-table {
     overflow-x: auto;
   }
+
+  .fab-container {
+    bottom: 2rem;
+    position: fixed;
+    right: 2rem;
+    z-index: 999;
+  }
 }
 
 :host-context(.is-dark-theme) {