fix: avatar void icon size (#141)

ForkbombEu · Aug 26, 2024 · c58a19f · c58a19f
1 parent 7e15b66
commit c58a19f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/avatar/avatar.tsx b/src/components/avatar/avatar.tsx
@@ -14,8 +14,7 @@ export class Avatar {
   @State() error: boolean = false;
 
   render() {
-    const sizes = { s: 20, m: 28, l: 48 };
-    const iconSize:number = sizes[this.size] || 28;
+    const iconSizes: Record<Size, number> = { 'xs': 16, 's': 24, 'm': 28, 'l': 40, 'xl': 48, '2xl': 56 };
 
     if (this.src && !this.error) {
       return (
@@ -33,7 +32,7 @@ export class Avatar {
       const initials = this.generateInitials();
       return (
         <Host aria-label={this.name} role="figure">
-          {initials ? <span class="font-medium uppercase">{initials}</span> : <d-icon icon="profile" size={iconSize} />}
+          {initials ? <span class="font-medium uppercase">{initials}</span> : <d-icon icon="profile" size={iconSizes[this.size]} />}
         </Host>
       );
     }

diff --git a/src/components/types.ts b/src/components/types.ts
@@ -1,4 +1,4 @@
-const SizeOptions = 'xs s m l xl 2xl'.split(' ');
+const SizeOptions = ['xs', 's', 'm', 'l', 'xl', '2xl'] as const;
 export const SizeArgTypes = {
   defaultValue: 'm',
   options: SizeOptions,