Remove button inside link

wnbrb · Sep 2, 2024 · 25bad84 · 25bad84
1 parent ddd0aeb
commit 25bad84
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git 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
@@ -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>
+                </>
+            )}
         </>
     );
 };