Lil fixes (#40)

* logo as link to home * organize links in frontpages card
PlanBee-dev · Sep 6, 2023 · 20b25e3 · 20b25e3
1 parent d83379c
commit 20b25e3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 15 deletions.
diff --git a/packages/site/src/components/Header.astro b/packages/site/src/components/Header.astro
@@ -20,16 +20,13 @@ if (!headerText) {
       <div class="flex h-16 justify-between">
         <div class="flex">
           <div class="flex flex-shrink-0 items-center rounded-lg">
-            <img
-              class="block h-8 w-auto rounded-full object-cover lg:hidden"
-              src={`${import.meta.env.BASE_URL}images/linna-logo.jpg`}
-              alt="Oulu Dev Meetups logo"
-            />
-            <img
-              class="hidden h-8 w-auto rounded-full object-cover lg:block"
-              src={`${import.meta.env.BASE_URL}images/linna-logo.jpg`}
-              alt="Oulu Dev Meetups logo"
-            />
+            <a href={import.meta.env.BASE_URL}>
+              <img
+                class="block h-8 w-auto rounded-full object-cover"
+                src={`${import.meta.env.BASE_URL}images/linna-logo.jpg`}
+                alt="Oulu Dev Meetups logo"
+              />
+            </a>
           </div>
           <div class="hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-8">
             <HeaderLink

diff --git a/packages/site/src/components/MeetupCard.astro b/packages/site/src/components/MeetupCard.astro
@@ -8,6 +8,7 @@ const {
   organizer,
   organizerLink,
   meetupLink,
+  slug,
 } = Astro.props;
 ---
 
@@ -27,11 +28,13 @@ const {
             />
           </div>
           <div class="ml-4">
-            <h3 class="text-base font-semibold leading-6 text-gray-900">
-              {name}
-            </h3>
+            <a href={`${import.meta.env.BASE_URL}meetups/${slug}`}>
+              <h3 class="text-base font-semibold leading-6 text-gray-900">
+                {name}
+              </h3>
+            </a>
             <p class="text-sm text-gray-500">
-              <a href={organizerLink} target="_blank">{organizer}</a>
+              {organizer}
             </p>
           </div>
         </div>
@@ -81,7 +84,7 @@ const {
       <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
         <dt class="text-sm font-medium text-gray-900">Organizer</dt>
         <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
-          {organizer}
+          <a href={organizerLink} target="_blank">{organizer}</a>
         </dd>
       </div>
       <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">

diff --git a/packages/site/src/pages/index.astro b/packages/site/src/pages/index.astro
@@ -24,6 +24,7 @@ const meetupDetails = nextMeetup
       organizerLink: nextMeetup.data.organizerLink,
       description: nextMeetup.data.description,
       meetupLink: nextMeetup.data.meetupLink,
+      slug: nextMeetup.slug,
     }
   : null;
 ---