add twitter card

tolerevo · Feb 24, 2024 · acaaa07 · acaaa07
1 parent d6c8091
commit acaaa07
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/projects/00-hola-mundo/src/App.jsx b/projects/00-hola-mundo/src/App.jsx
@@ -3,6 +3,19 @@ import { TwitterFollowCard } from "./TwitterFollowCard";
 
 export const App = () => {
   return (
-  <TwitterFollowCard userName="tolerevo" name="Diego Tolentino" />
+    <section className="App">
+      <TwitterFollowCard
+        isFollowing
+        userName="tolerevo"
+        name="Diego Tolentino"
+      />
+      <TwitterFollowCard
+        isFollowing
+        userName="pheralb"
+        name="Pablo Hernandez"
+      />
+      <TwitterFollowCard isFollowing userName="elonmusk" name="Elon Musk" />
+      <TwitterFollowCard isFollowing userName="vxnder" name="Vanderhart" />
+    </section>
   );
 };
diff --git a/projects/00-hola-mundo/src/TwitterFollowCard.jsx b/projects/00-hola-mundo/src/TwitterFollowCard.jsx
@@ -1,4 +1,7 @@
+// eslint-disable-next-line react/prop-types
 export function TwitterFollowCard({ userName, name, isFollowing }) {
+  console.log(isFollowing)
+
   return (
     <article
       className="tw-followCard"

diff --git a/projects/00-hola-mundo/src/index.css b/projects/00-hola-mundo/src/index.css
@@ -5,4 +5,10 @@ body {
   display: grid;
   place-content: center;
   min-height: 100vh;
+}
+
+.App {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }