remove redundant wrapper

vorant94 · Jun 12, 2024 · 45856ae · 45856ae
1 parent 18ecf3b
commit 45856ae
Showing 1 changed file with 22 additions and 24 deletions.
diff --git a/src/subscriptions/components/subscription-list-item.tsx b/src/subscriptions/components/subscription-list-item.tsx
@@ -22,33 +22,31 @@ export const SubscriptionListItem = memo(
         textAlign="start"
         alignItems="initial"
         onClick={openSubscriptionUpdate}>
-        <CardBody>
-          <div className={cn(`flex items-center gap-2`)}>
-            <Avatar
-              bg="transparent"
-              size="sm"
-              icon={subscriptionIconToIconElement[subscription.icon]}
-            />
+        <CardBody className={cn(`flex items-center gap-2`)}>
+          <Avatar
+            bg="transparent"
+            size="sm"
+            icon={subscriptionIconToIconElement[subscription.icon]}
+          />
 
-            <div className={cn('flex-1 overflow-hidden')}>
-              <Heading
-                size="xs"
-                className={cn(`truncate`)}
-                textTransform="uppercase">
-                {subscription.name}
-              </Heading>
-
-              {subscription.description ? (
-                <Text
-                  className={cn(`truncate`)}
-                  fontSize="sm">
-                  {subscription.description}
-                </Text>
-              ) : null}
-            </div>
+          <div className={cn('flex-1 overflow-hidden')}>
+            <Heading
+              size="xs"
+              className={cn(`truncate`)}
+              textTransform="uppercase">
+              {subscription.name}
+            </Heading>
 
-            <Heading size="md">{subscription.price}</Heading>
+            {subscription.description ? (
+              <Text
+                className={cn(`truncate`)}
+                fontSize="sm">
+                {subscription.description}
+              </Text>
+            ) : null}
           </div>
+
+          <Heading size="md">{subscription.price}</Heading>
         </CardBody>
       </Card>
     );