edu modifications to TheFooter

nasa-jpl · Jul 17, 2024 · 4d3bb48 · 4d3bb48
1 parent f1b3d1d
commit 4d3bb48
Showing 1 changed file with 24 additions and 14 deletions.
diff --git a/packages/vue/src/components/TheFooter/TheFooter.vue b/packages/vue/src/components/TheFooter/TheFooter.vue
@@ -36,24 +36,29 @@
         </div>
         <TheFooterSignUp class="lg:mb-10 mb-8" />
         <!-- social media -->
-        <div class="text-subtitle text-blue edu:text-white lg:mb-5 mb-3">Follow Us</div>
+        <div class="text-subtitle text-blue edu:text-white lg:mb-5 mb-3">
+          <template v-if="themeStore.theme === 'ThemeEdu'"> Follow JPL Education </template>
+          <template v-else> Follow Us </template>
+        </div>
         <NavSocial
           class="lg:mb-14 mb-12"
           dark
         />
-        <!-- caltech aside -->
-        <BaseLink
-          variant="none"
-          href="https://caltech.edu"
-          aria-label="Caltech"
-          class="lg:mb-8 mb-5"
-          link-class="inline-block"
-        >
-          <LogoCaltech class="lg:text-base text-sm text-white" />
-        </BaseLink>
-        <p class="mb-12">
-          JPL is a federally funded research and development center managed for NASA by Caltech.
-        </p>
+        <template v-if="themeStore.theme === 'defaultTheme'">
+          <!-- caltech aside -->
+          <BaseLink
+            variant="none"
+            href="https://caltech.edu"
+            aria-label="Caltech"
+            class="lg:mb-8 mb-5"
+            link-class="inline-block"
+          >
+            <LogoCaltech class="lg:text-base text-sm text-white" />
+          </BaseLink>
+          <p class="mb-12">
+            JPL is a federally funded research and development center managed for NASA by Caltech.
+          </p>
+        </template>
       </div>
     </div>
     <!-- more from JPL buttons / links -->
@@ -168,6 +173,8 @@
 <script lang="ts">
 // @ts-nocheck
 import { defineComponent } from 'vue'
+import { mapStores } from 'pinia'
+import { useThemeStore } from './../../store/theme'
 import { mixinGetRouterLink, mixinGetLinkText } from './../../utils/mixins'
 import BaseLink from './../BaseLink/BaseLink.vue'
 import BaseButton from './../BaseButton/BaseButton.vue'
@@ -202,6 +209,9 @@ export default defineComponent({
     getRouterLink(link) {
       return mixinGetRouterLink(link)
     }
+  },
+  computed: {
+    ...mapStores(useThemeStore)
   }
 })
 </script>