From 24b6490a85b7a10263f828bc22ab5cd1aa33ec3b Mon Sep 17 00:00:00 2001
From: phoebus-84 <ennio@dyne.org>
Date: Fri, 16 Aug 2024 11:36:03 +0200
Subject: [PATCH] fix: avatar void icon size

---
 src/components/avatar/avatar.tsx | 5 ++---
 src/components/types.ts          | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/avatar/avatar.tsx b/src/components/avatar/avatar.tsx
index b729f20..13e9399 100644
--- 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
index c549633..f3775ee 100644
--- 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,