From 25bad84acf63cbada95643c307fd58873f9b686f Mon Sep 17 00:00:00 2001
From: mayra lucia navarro <luciagirasoles@gmail.com>
Date: Mon, 2 Sep 2024 00:51:25 -0500
Subject: [PATCH] Remove button inside link

---
 app/javascript/components/meetups/MeetUp.jsx  |  9 ++++---
 .../components/pages/PastMeetup.jsx           | 26 ++++++++++++-------
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/app/javascript/components/meetups/MeetUp.jsx b/app/javascript/components/meetups/MeetUp.jsx
index 84d13a3..ff31a80 100644
--- a/app/javascript/components/meetups/MeetUp.jsx
+++ b/app/javascript/components/meetups/MeetUp.jsx
@@ -36,10 +36,11 @@ const Meetup = ({ speakers, title = '', talks, year, month, day }) => {
                         ))}
                 </div>
                 <div className="bg-gray-200 shadow-lg text-right">
-                    <a href={`/meetups/${year}/${month}/${day}`}>
-                        <button className="my-4 mr-6 py-4 px-8 bg-gray-600 rounded text-white text-lg md:text-xl">
-                            View
-                        </button>
+                    <a
+                        className="inline-block my-4 mr-6 py-4 px-8 bg-gray-600 rounded text-white text-lg md:text-xl"
+                        href={`/meetups/${year}/${month}/${day}`}
+                    >
+                        View
                     </a>
                 </div>
             </div>
diff --git a/app/javascript/components/pages/PastMeetup.jsx b/app/javascript/components/pages/PastMeetup.jsx
index f857510..c07b020 100644
--- a/app/javascript/components/pages/PastMeetup.jsx
+++ b/app/javascript/components/pages/PastMeetup.jsx
@@ -139,15 +139,23 @@ const SpeakerVideoBlock = ({ speaker, eventSpeaker }) => {
     } = eventSpeaker;
     return (
         <>
-            <VideoBlock videoUrl={videoLink} title={title} />
-            <div key={id} className="flex content-center mb-8 text-lg mt-8">
-                <img className="object-cover w-14 h-14 mr-4 rounded-full" src={imageUrl} alt="" />
-                <div>
-                    <p className="font-bold text-gray md:text-lg">{name}</p>
-                    <p className="text-sm text-gray md:text-lg">{tagline}</p>
-                </div>
-            </div>
-            <p className="pb-14">{description}</p>
+            {videoLink && (
+                <>
+                    <VideoBlock videoUrl={videoLink} title={title} />
+                    <div key={id} className="flex content-center mb-8 text-lg mt-8">
+                        <img
+                            className="object-cover w-14 h-14 mr-4 rounded-full"
+                            src={imageUrl}
+                            alt=""
+                        />
+                        <div>
+                            <p className="font-bold text-gray md:text-lg">{name}</p>
+                            <p className="text-sm text-gray md:text-lg">{tagline}</p>
+                        </div>
+                    </div>
+                    <p className="pb-14">{description}</p>
+                </>
+            )}
         </>
     );
 };