Update artist popover profile picture skeleton to be round (#1660)

AudiusProject · Jul 29, 2022 · 11855a2 · 11855a2
1 parent 4114a2d
commit 11855a2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/web/src/components/artist/ArtistCardCover.module.css b/packages/web/src/components/artist/ArtistCardCover.module.css
@@ -37,6 +37,12 @@
   width: 72px !important;
 }
 
+.profilePictureSkeleton {
+  height: 72px;
+  width: 72px;
+  border-radius: 50%;
+}
+
 .profilePicture {
   height: 72px;
   width: 72px;

diff --git a/packages/web/src/components/artist/ArtistCardCover.tsx b/packages/web/src/components/artist/ArtistCardCover.tsx
@@ -64,6 +64,7 @@ export const ArtistCardCover = (props: ArtistCoverProps) => {
         {isArtist ? <BadgeArtist className={styles.badgeArtist} /> : null}
         <DynamicImage
           wrapperClassName={styles.profilePictureWrapper}
+          skeletonClassName={styles.profilePictureSkeleton}
           className={styles.profilePicture}
           image={profilePicture}
           immediate