move CardListItem in CardList component (MetaMask#769)

Osamagamall · May 23, 2023 · b7ef568 · b7ef568
1 parent 81f433d
commit b7ef568
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Card/index.tsx → ...omponents/CardList/CardListItem/index.tsx b/src/components/Card/index.tsx → ...omponents/CardList/CardListItem/index.tsx
@@ -10,11 +10,11 @@ export interface CardItem {
   icon?: string;
 }
 
-interface CardProps {
+interface CardListItemProps {
   item: CardItem;
 }
 
-export default function Card({ item }: CardProps): JSX.Element {
+export default function CardListItem({ item }: CardListItemProps): JSX.Element {
   const cardContent = (
     <>
       {item.title && (

diff --git a/src/components/Card/styles.module.css → ...s/CardList/CardListItem/styles.module.css b/src/components/Card/styles.module.css → ...s/CardList/CardListItem/styles.module.css
diff --git a/src/components/CardList/index.tsx b/src/components/CardList/index.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Card, { CardItem } from "@site/src/components/Card";
+import CardListItem, { CardItem } from "./CardListItem";
 
 interface CardListProps {
   items: CardItem[];
@@ -12,7 +12,7 @@ export default function CardList(props: CardListProps): JSX.Element {
     <section className="row">
       {items.map((item, index) => (
         <article key={index} className="col col--6 margin-bottom--lg">
-          <Card item={item} />
+          <CardListItem item={item} />
         </article>
       ))}
     </section>