Update Schemas main screen

Lessify · Sep 29, 2024 · f561d88 · f561d88
1 parent 28d49d1
commit f561d88
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 33 deletions.
diff --git a/src/app/features/spaces/assets/assets.component.html b/src/app/features/spaces/assets/assets.component.html
@@ -18,9 +18,11 @@
       </button>
     }
 
-    <button mat-icon-button [matMenuTriggerFor]="extraMenu">
-      <mat-icon>more_vert</mat-icon>
-    </button>
+    @if (['ASSET_IMPORT', 'ASSET_EXPORT'] | canUserPerform | async) {
+      <button mat-icon-button [matMenuTriggerFor]="extraMenu">
+        <mat-icon>more_vert</mat-icon>
+      </button>
+    }
 
     <mat-menu #extraMenu="matMenu">
       @if ('ASSET_IMPORT' | canUserPerform | async) {

diff --git a/src/app/features/spaces/schemas/schemas.component.html b/src/app/features/spaces/schemas/schemas.component.html
@@ -11,24 +11,25 @@
         Add Schema
       </button>
     }
-    <button mat-icon-button [matMenuTriggerFor]="extraMenu">
-      <mat-icon>more_vert</mat-icon>
-    </button>
-
-    <mat-menu #extraMenu="matMenu">
-      @if ('SCHEMA_IMPORT' | canUserPerform | async) {
-        <button mat-menu-item (click)="openImportDialog()">
-          <mat-icon>cloud_upload</mat-icon>
-          <span>Import</span>
-        </button>
-      }
-      @if ('SCHEMA_EXPORT' | canUserPerform | async) {
-        <button mat-menu-item (click)="openExportDialog()">
-          <mat-icon>cloud_download</mat-icon>
-          <span>Export</span>
-        </button>
-      }
-    </mat-menu>
+    @if (['SCHEMA_IMPORT', 'SCHEMA_EXPORT'] | canUserPerform | async) {
+      <button mat-icon-button [matMenuTriggerFor]="extraMenu">
+        <mat-icon>more_vert</mat-icon>
+      </button>
+      <mat-menu #extraMenu="matMenu">
+        @if ('SCHEMA_IMPORT' | canUserPerform | async) {
+          <button mat-menu-item (click)="openImportDialog()">
+            <mat-icon>cloud_upload</mat-icon>
+            <span>Import</span>
+          </button>
+        }
+        @if ('SCHEMA_EXPORT' | canUserPerform | async) {
+          <button mat-menu-item (click)="openExportDialog()">
+            <mat-icon>cloud_download</mat-icon>
+            <span>Export</span>
+          </button>
+        }
+      </mat-menu>
+    }
   </mat-toolbar-row>
 </mat-toolbar>
 @if (isLoading) {

diff --git a/src/app/features/spaces/translations/translations.component.html b/src/app/features/spaces/translations/translations.component.html
@@ -36,18 +36,20 @@
             <span>Published {{ locale.name }} JSON</span>
           </button>
         }
-        <mat-divider></mat-divider>
-        @if ('TRANSLATION_IMPORT' | canUserPerform | async) {
-          <button mat-menu-item (click)="openImportDialog(space.locales)">
-            <mat-icon>cloud_upload</mat-icon>
-            <span>Import</span>
-          </button>
-        }
-        @if ('TRANSLATION_EXPORT' | canUserPerform | async) {
-          <button mat-menu-item (click)="openExportDialog(space.locales)">
-            <mat-icon>cloud_download</mat-icon>
-            <span>Export</span>
-          </button>
+        @if (['TRANSLATION_IMPORT', 'TRANSLATION_EXPORT'] | canUserPerform | async) {
+          <mat-divider></mat-divider>
+          @if ('TRANSLATION_IMPORT' | canUserPerform | async) {
+            <button mat-menu-item (click)="openImportDialog(space.locales)">
+              <mat-icon>cloud_upload</mat-icon>
+              <span>Import</span>
+            </button>
+          }
+          @if ('TRANSLATION_EXPORT' | canUserPerform | async) {
+            <button mat-menu-item (click)="openExportDialog(space.locales)">
+              <mat-icon>cloud_download</mat-icon>
+              <span>Export</span>
+            </button>
+          }
         }
       </mat-menu>
     </mat-toolbar-row>