Skip to content

Commit cdfcc55

Browse files
committed
replace header profile picture skeleton
1 parent 15371ec commit cdfcc55

File tree

2 files changed

+6
-10
lines changed

2 files changed

+6
-10
lines changed

src/app/shared/themes/components/header/header.component.html

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -161,16 +161,9 @@
161161
aria-haspopup="true"
162162
(click)="toggleMobileMenu()">
163163
<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>
174167
<img *ngIf="user$ | async; let user" class="w-8 h-8 rounded-full" [src]="user.profilePhotoUrl" [alt]="user.name" />
175168
</button>
176169
<div

src/app/shared/themes/theme.module.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle';
66
import { MatRippleModule } from '@angular/material/core';
77
import { NgxPermissionsModule } from 'ngx-permissions';
88

9+
import { SkeletonModule } from '../components/skeletons/skeleton.module';
10+
911
import { AuthComponent } from './layouts/auth/auth.component';
1012
import { CpanelComponent } from './layouts/cpanel/cpanel.component';
1113
import { SidebarComponent } from './components/sidebar/sidebar.component';
@@ -19,6 +21,7 @@ const MODULES = [
1921
MatProgressBarModule,
2022
MatSlideToggleModule,
2123
MatRippleModule,
24+
SkeletonModule,
2225
];
2326

2427
@NgModule({

0 commit comments

Comments
 (0)