File tree Expand file tree Collapse file tree 2 files changed +6
-10
lines changed Expand file tree Collapse file tree 2 files changed +6
-10
lines changed Original file line number Diff line number Diff line change 161
161
aria-haspopup ="true "
162
162
(click) ="toggleMobileMenu() ">
163
163
< span class ="sr-only " i18n > Ouvrir le menu utilisateur</ span >
164
- <!-- <ngx-skeleton-loader
165
- *ngIf="(user$ | async) === null"
166
- appearance="circle"
167
- [theme]="{
168
- 'border-radius': '999px',
169
- height: '32px',
170
- width: '32px',
171
- margin: 0
172
- }">
173
- </ngx-skeleton-loader> -->
164
+ < skeleton *ngIf ="(user$ | async) === null ">
165
+ < div class ="w-8 h-8 bg-gray-100 rounded-full dark:bg-gray-700 "> </ div >
166
+ </ skeleton >
174
167
< img *ngIf ="user$ | async; let user " class ="w-8 h-8 rounded-full " [src] ="user.profilePhotoUrl " [alt] ="user.name " />
175
168
</ button >
176
169
< div
Original file line number Diff line number Diff line change @@ -6,6 +6,8 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle';
6
6
import { MatRippleModule } from '@angular/material/core' ;
7
7
import { NgxPermissionsModule } from 'ngx-permissions' ;
8
8
9
+ import { SkeletonModule } from '../components/skeletons/skeleton.module' ;
10
+
9
11
import { AuthComponent } from './layouts/auth/auth.component' ;
10
12
import { CpanelComponent } from './layouts/cpanel/cpanel.component' ;
11
13
import { SidebarComponent } from './components/sidebar/sidebar.component' ;
@@ -19,6 +21,7 @@ const MODULES = [
19
21
MatProgressBarModule ,
20
22
MatSlideToggleModule ,
21
23
MatRippleModule ,
24
+ SkeletonModule ,
22
25
] ;
23
26
24
27
@NgModule ( {
You can’t perform that action at this time.
0 commit comments