fix banner become a member on mobile

nfdi4plants · Oct 10, 2024 · 20c6b14 · 20c6b14
1 parent f50190a
commit 20c6b14
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/events/EventInfoList.tsx b/src/components/events/EventInfoList.tsx
@@ -58,7 +58,7 @@ export default function EventInfoList({event, additional}: Props) {
         </span>
       </li>
       {/* registration */}
-      {event.data.registration && 
+      {event.data.registration && event.data.registration.url &&
         <li className="flex items-center gap-2">
           <InlineIcon icon="tabler:clipboard-list" className="text-xl" aria-label="Registration" />
           <span>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -26,7 +26,20 @@ const events = await getCollection('events');
           <h1 class="text-4xl font-bold mb-4">Democratization of plant research.</h1>
           <h1 class="text-4xl font-bold mb-4">Made easy and free.</h1>
           <h1 class="text-4xl font-bold mb-4">for everyone!</h1>
-          <button class="btn bg-lightblue text-2xl m-4">Become a member</button>
+          <CallToAction
+            classes={{
+              container: '',
+            }}
+            actions={[
+              {
+                variant: 'primary',
+                text: 'Become a member',
+                href: 'https://auth.nfdi4plants.org/realms/dataplant/protocol/openid-connect/auth?client_id=account&redirect_uri=https%3A%2F%2Fauth.nfdi4plants.org%2Frealms%2Fdataplant%2Faccount%2Flogin-redirect&state=0%2F2083ce25-95bf-4a38-ba82-0502f7060042&response_type=code&scope=openid',
+                target: '_blank',
+                icon: 'tabler:user-plus',
+              },
+            ]}
+          >
         </div>
       </div>
     </div>