feat: props to speakers

braziljs · Oct 18, 2023 · 00f3124 · 00f3124
1 parent 13c5837
commit 00f3124
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 14 deletions.
diff --git a/2023/_buildwithastro/src/components/Speakers.astro b/2023/_buildwithastro/src/components/Speakers.astro
@@ -1,15 +1,15 @@
 ---
-const speakers = [
-  {
-    name: 'Erick Wendel',
-    img: 'https://pbs.twimg.com/profile_images/1557369824438898689/w8Igptui_400x400.jpg',
-    socialnetwork: {
-      user: '@erickwendel_',
-      link: 'https://twitter.com/erickwendel_'
-    },
-    bio: 'Erick Wendel é um palestrante profissional e tem se apresentado em mais de 10 países pelo mundo. Foi premiado com os Google Developer Expert, Microsoft MVP, GitHub Stars e OpenJS Path Educator, os maiores prêmios em área de software do mundo. Hoje Erick vive como instrutor em treinamentos online em sua própria empresa além de trabalhar como core commiter no projeto Node.js'
-  }
-];
+interface Props {
+	speakers: [{
+    name: String,
+    img: String,
+    user: String,
+    link: String,
+    bio: String
+  }]
+}
+
+const { speakers } = Astro.props;
 ---
 
 <section class="section section-speakers" id="speakers">
@@ -31,10 +31,10 @@ const speakers = [
                   {data.name}
                 </h3>
                 <a
-                  href={data.socialnetwork.link}
+                  href={data.link}
                   class="speaker-twitter"
                   target="_blank">
-                  {data.socialnetwork.user}
+                  {data.user}
                   </a>
                 <p class="speaker-bio">
                   {data.bio}

diff --git a/2023/_buildwithastro/src/pages/index.astro b/2023/_buildwithastro/src/pages/index.astro
@@ -8,14 +8,24 @@ import Schedule from '../components/Schedule.astro';
 import Footer from '../components/Footer.astro';
 import Location from '../components/Location.astro';
 import Supporters from '../components/Supporters.astro';
+
+const speakers = [
+  {
+    name: 'Erick Wendel',
+    img: 'https://pbs.twimg.com/profile_images/1557369824438898689/w8Igptui_400x400.jpg',
+    user: '@erickwendel_',
+    link: 'https://twitter.com/erickwendel_',
+    bio: 'Erick Wendel é um palestrante profissional e tem se apresentado em mais de 10 países pelo mundo. Foi premiado com os Google Developer Expert, Microsoft MVP, GitHub Stars e OpenJS Path Educator, os maiores prêmios em área de software do mundo. Hoje Erick vive como instrutor em treinamentos online em sua própria empresa além de trabalhar como core commiter no projeto Node.js'
+  }
+];
 ---
 
 <Layout title="Front In Poa | 2023">
   <main>
     <Hero />
     <Navigation />
     <About />
-    <Speakers />
+    <Speakers speakers={speakers} />
     <Schedule />
     <Location />
     <Supporters />