add links to signup buttons (#43)

PlanBee-dev · Sep 7, 2023 · 0af8cb6 · 0af8cb6
1 parent 025aa7f
commit 0af8cb6
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 38 deletions.
diff --git a/packages/site/src/components/MeetupCard.astro b/packages/site/src/components/MeetupCard.astro
@@ -40,27 +40,29 @@ const {
         </div>
       </div>
       <div class="ml-4 mt-4 flex flex-shrink-0">
-        <button
-          type="button"
-          class="relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
-        >
-          <svg
-            class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-            aria-hidden="true"
+        <a href={signupLink} target="_blank">
+          <button
+            type="button"
+            class="relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
           >
-            <path
-              d="M3 4a2 2 0 00-2 2v1.161l8.441 4.221a1.25 1.25 0 001.118 0L19 7.162V6a2 2 0 00-2-2H3z"
-            >
-            </path>
-            <path
-              d="M19 8.839l-7.77 3.885a2.75 2.75 0 01-2.46 0L1 8.839V14a2 2 0 002 2h14a2 2 0 002-2V8.839z"
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke-width="1.5"
+              stroke="currentColor"
+              class="mr-2 h-6 w-6 text-gray-400"
             >
-            </path>
-          </svg>
-          <span>Sign up</span>
-        </button>
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 010 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 010-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375z"
+              >
+              </path>
+            </svg>
+            <span>Sign up</span>
+          </button>
+        </a>
       </div>
     </div>
   </div>

diff --git a/packages/site/src/components/MeetupPageCard.astro b/packages/site/src/components/MeetupPageCard.astro
@@ -58,27 +58,29 @@ const { Content } = await meetupProps.meetup.render();
             </div>
           </div>
           <div class="ml-4 mt-4 flex flex-shrink-0">
-            <button
-              type="button"
-              class="relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
-            >
-              <svg
-                class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400"
-                viewBox="0 0 20 20"
-                fill="currentColor"
-                aria-hidden="true"
+            <a href={signupLink} target="_blank">
+              <button
+                type="button"
+                class="relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
               >
-                <path
-                  d="M3 4a2 2 0 00-2 2v1.161l8.441 4.221a1.25 1.25 0 001.118 0L19 7.162V6a2 2 0 00-2-2H3z"
-                >
-                </path>
-                <path
-                  d="M19 8.839l-7.77 3.885a2.75 2.75 0 01-2.46 0L1 8.839V14a2 2 0 002 2h14a2 2 0 002-2V8.839z"
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke-width="1.5"
+                  stroke="currentColor"
+                  class="mr-2 h-6 w-6 text-gray-400"
                 >
-                </path>
-              </svg>
-              <span>Sign up</span>
-            </button>
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 010 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 010-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375z"
+                  >
+                  </path>
+                </svg>
+                <span>Sign up</span>
+              </button>
+            </a>
           </div>
         </div>
       </div>