fix: client only, not load, button and a tags.

marinecoders · Apr 24, 2024 · 40b9126 · 40b9126
1 parent 4df574e
commit 40b9126
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 20 deletions.
diff --git a/src/components/buttons/RedButton.svelte b/src/components/buttons/RedButton.svelte
@@ -6,11 +6,10 @@
   export let extras
 </script>
 
-<button
+<a
+  href={href}
   type="button"
   class="flex items-center justify-center px-8 py-2 text-base font-semibold leading-loose transition-all bg-mcswf-pinstripe border border-transparent rounded-md shadow-lg text-white hover:bg-mcswf-battle-red hover:border-2 hover:border-mcswf-pinstripe focus:bg-mcswf-battle-red"
 >
-  <a {href}>
-    {text}
-  </a>
-</button>
+{text}
+</a>
diff --git a/src/components/buttons/WhiteButton.svelte b/src/components/buttons/WhiteButton.svelte
@@ -8,12 +8,10 @@
 </script>
 
 
-<a href={href} class="flex w-full items-center justify-center">
-  <button
+<a 
     href=""
     type="button"
-    class="flex w-3/4 items-center lg:w-60 justify-center px-8 py-2 text-base font-semibold leading-loose transition-all bg-white border border-transparent rounded-md shadow-lg text-mcswf-pinstripe hover:ring-2 focus:outline-none focus:ring-2 ring-offset-white focus:ring-red-500 hover:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800"
+    class="flex w-3/4 flex w-full items-center justify-center items-center lg:w-60 justify-center px-8 py-2 text-base font-semibold leading-loose transition-all bg-white border border-transparent rounded-md shadow-lg text-mcswf-pinstripe hover:ring-2 focus:outline-none focus:ring-2 ring-offset-white focus:ring-red-500 hover:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800"
   >
     {text}
-  </button>
 </a>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -33,8 +33,8 @@ const { title = null } = Astro.props
   </head>
   <body class="font-expressway bg-opacity-40 text-white bg-custom-gradient-red">
     <header class="w-full sticky top-0 z-30">
-      <Banner client:load />
-      <Navigation client:load />
+      <Banner />
+      <Navigation client:only />
     </header>
     <main>
       <slot />

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -133,7 +133,7 @@ const metrics = await getCollection('aboutMetrics')
         </div>
       </div>
       <div class="pt-20">
-        <FooterFull client:load />
+        <FooterFull client:only />
       </div>
     </div>
   </div>

diff --git a/src/pages/career.astro b/src/pages/career.astro
@@ -139,7 +139,7 @@ const prereqs = await getCollection('prereqs')
           <h1 class="text-4xl font-bold pb-8">NEXT STEPS</h1>
           <div class="w-full flex justify-center">
             <div class="w-full mx-2 lg:w-1/2 shadow-lg">
-              <CareerAccordion client:load steps={steps}/>
+              <CareerAccordion client:only steps={steps}/>
             </div>
           </div>
         </div>
@@ -152,7 +152,7 @@ const prereqs = await getCollection('prereqs')
       <div>
         <FooterFull 
           background='bg-white'
-          client:load />
+          client:only />
       </div>
     </div>
   </div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -73,7 +73,7 @@ products.sort((a, b) => a.data.order - b.data.order)
         />
       </div>
       <div class="pt-20">
-        <FooterFull client:load />
+        <FooterFull client:only />
       </div>
     </div>
   </div>

diff --git a/src/pages/products/[...product].astro b/src/pages/products/[...product].astro
@@ -105,7 +105,7 @@ const bgString = 'background-image:url(' + entry.data.background.src + ')'
     </div>
 
     <div class="relative z-20">
-      <FooterFull client:load />
+      <FooterFull client:only />
     </div>
   </div>
 </Layout>
diff --git a/src/pages/products/index.astro b/src/pages/products/index.astro
@@ -11,6 +11,6 @@ const products = await getCollection('products')
 
 <Layout title="">
   <div class="bg-black h-screen py-20">
-    <Accordion products={products} client:load />
+    <Accordion products={products} client:only />
   </div>
 </Layout>
diff --git a/src/pages/roles/[...role].astro b/src/pages/roles/[...role].astro
@@ -53,9 +53,9 @@ const entries = await getCollection('cohorts')
     <div
       class="relative z-20 max-h-screen scrollbar-hide"
     >
-      <CohortGroup entries={entries} client:load />
+      <CohortGroup entries={entries} client:only />
       <div class="">
-        <FooterFull client:load background="bg-[#f0f0f0]"/>
+        <FooterFull client:only background="bg-[#f0f0f0]"/>
       </div>
     </div>
   </div>

diff --git a/src/pages/roles/index.astro b/src/pages/roles/index.astro
@@ -104,7 +104,7 @@ const { frontmatter, compiledContent } = Astro.props
         }
       </div>
       <div class="pt-20">
-        <FooterFull client:load />
+        <FooterFull client:only />
       </div>
     </div>
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -133,7 +133,7 @@ const metrics = await getCollection('aboutMetrics') @@
             </div>
           </div>
           <div class="pt-20">
-            <FooterFull client:load />
+            <FooterFull client:only />
           </div>
         </div>
       </div>
@@ Expand Down @@