From 44f64b6f94289681a32f046e2571f14e542f9d23 Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Fri, 8 Mar 2024 15:09:11 +0100
Subject: [PATCH] chore: fix other uses of avatar
---
src/app/profile/profile.component.html | 2 +-
src/app/profile/profile.component.scss | 5 -----
.../structure-members-management.component.html | 11 ++++++-----
.../structure-members-management.component.scss | 7 +------
.../components/member-card/member-card.component.html | 2 +-
5 files changed, 9 insertions(+), 18 deletions(-)
diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html
index caf058f0e..50cbe8930 100644
--- a/src/app/profile/profile.component.html
+++ b/src/app/profile/profile.component.html
@@ -42,7 +42,7 @@
/>
</div>
<div class="profile">
- <img class="avatar" src="../../assets/avatar/defaultAvatar.svg" alt="" height="120" width="120" />
+ <img src="../../assets/avatar/defaultAvatar.svg" class="hide-on-mobile" alt="" height="120" width="120" />
<div class="information">
<div class="block">
<div class="name">{{ userProfile.name | userName }} {{ userProfile.surname | uppercase }}</div>
diff --git a/src/app/profile/profile.component.scss b/src/app/profile/profile.component.scss
index f30228c02..ed46eb123 100644
--- a/src/app/profile/profile.component.scss
+++ b/src/app/profile/profile.component.scss
@@ -52,11 +52,6 @@ section {
gap: 1rem;
width: 100%;
- .avatar {
- @media #{$tablet} {
- display: none;
- }
- }
.information {
flex: 1;
display: flex;
diff --git a/src/app/profile/structure-members-management/structure-members-management.component.html b/src/app/profile/structure-members-management/structure-members-management.component.html
index 3f8712945..7e6529c22 100644
--- a/src/app/profile/structure-members-management/structure-members-management.component.html
+++ b/src/app/profile/structure-members-management/structure-members-management.component.html
@@ -22,11 +22,12 @@
<div *ngIf="structureWithOwners && tempUsers" class="membersList">
<div *ngFor="let member of structureWithOwners.owners" class="memberCard">
<div class="user">
- <app-svg-icon
- class="avatar hide-on-mobile"
- [folder]="'avatar'"
- [icon]="'defaultAvatar'"
- [iconClass]="'icon-40'"
+ <img
+ src=" ../../../../../assets/avatar/defaultAvatar.svg"
+ class="hide-on-mobile"
+ alt=""
+ height="40"
+ width="40"
/>
<div class="info-member">
<a class="member" routerLink="/profile/{{ member._id }}">
diff --git a/src/app/profile/structure-members-management/structure-members-management.component.scss b/src/app/profile/structure-members-management/structure-members-management.component.scss
index ae974d1ad..de43e7445 100644
--- a/src/app/profile/structure-members-management/structure-members-management.component.scss
+++ b/src/app/profile/structure-members-management/structure-members-management.component.scss
@@ -47,12 +47,7 @@
.user {
display: flex;
- gap: 8px;
-
- .avatar {
- background-color: $grey-9;
- border-radius: 4px;
- }
+ gap: 24px;
.info-member {
display: flex;
flex-direction: column;
diff --git a/src/app/shared/components/member-card/member-card.component.html b/src/app/shared/components/member-card/member-card.component.html
index c6c666123..51d6d974a 100644
--- a/src/app/shared/components/member-card/member-card.component.html
+++ b/src/app/shared/components/member-card/member-card.component.html
@@ -6,7 +6,7 @@
(keyup.enter)="cardClicked()"
>
<input *ngIf="showRadioButton" type="radio" tabindex="-1" id="{{ member._id }}" [checked]="isChecked" />
- <app-svg-icon class="hide-on-mobile" [folder]="'avatar'" [icon]="'defaultAvatar'" [iconClass]="'icon-48'" />
+ <img src=" ../../../../../../assets/avatar/defaultAvatar.svg" class="hide-on-mobile" alt="" height="40" width="40" />
<div class="infoDetails" [ngClass]="{ largeCard: showAppointment }">
<p class="name">{{ member.name | userName }} {{ member.surname | uppercase }}</p>
<p>{{ getJob() }}</p>
--
GitLab