tidy

Author: chakra-guy

src/components/Card.tsx

@@ -6,7 +6,7 @@ import styles from "./card.module.css";
 
 export type CardItem = {
   title: string;
-  subtitle: string;
+  subtitle?: string;
   link: string;
   description: JSX.Element;
 };
@@ -18,7 +18,7 @@ export default function Card({ title, subtitle, link, description }: CardItem) {
         <div className="card__header">
           <span>
             <Heading as="h3">{title}</Heading>
-            <Heading as="h4">{subtitle}</Heading>
+            {subtitle && <Heading as="h4">{subtitle}</Heading>}
           </span>
         </div>
         <div className={clsx(styles.cardBody)}>{description}</div>

src/components/CardSection.tsx

@@ -6,11 +6,11 @@ import styles from "./cardsection.module.css";
 const CardList: CardItem[] = [
   {
     title: "Wallet",
-    subtitle: "Integrate with the MetaMask wallet",
+    subtitle: "Integrate with MetaMask Wallet",
     link: "/wallet",
     description: (
       <>
-        Interact with your users&apos; via the MetaMask wallet.
+        Interact with your users&apos; via the MetaMask Wallet API.
       </>
     ),
   },
@@ -30,7 +30,7 @@ const CardList: CardItem[] = [
     link: "/snaps",
     description: (
       <>
-        Extend the functionality of MetaMask with custom networks, account types, APIs, and more.
+        Extend the functionality with custom networks, account types, APIs, and more.
       </>
     ),
   },