Fixed if condition when handling labelPosition in Radio Astro com…

…ponent (#2198)
iTwin · Aug 21, 2024 · 715ddec · 715ddec
1 parent 8f739ed
commit 715ddec
Showing 1 changed file with 9 additions and 14 deletions.
diff --git a/apps/css-workshop/src/components/Radio.astro b/apps/css-workshop/src/components/Radio.astro
@@ -8,7 +8,7 @@ type Props = {
   name: string;
 } & astroHTML.JSX.HTMLAttributes;
 
-const { disabled, status, class: className, labelPosition, ...props } = Astro.props;
+const { disabled, status, class: className, labelPosition = 'right', ...props } = Astro.props;
 ---
 
 <label
@@ -22,22 +22,17 @@ const { disabled, status, class: className, labelPosition, ...props } = Astro.pr
 >
   {
     labelPosition === 'left' && (
-      <>
-        <span class='iui-radio-label'>
-          <slot />
-        </span>
-      </>
+      <span class='iui-radio-label'>
+        <slot />
+      </span>
     )
   }
   <input class:list={['iui-radio', className]} type='radio' disabled={disabled} {...props} />
   {
-    labelPosition === 'right' ||
-      (!labelPosition && (
-        <>
-          <span class='iui-radio-label'>
-            <slot />
-          </span>
-        </>
-      ))
+    labelPosition === 'right' && (
+      <span class='iui-radio-label'>
+        <slot />
+      </span>
+    )
   }
 </label>