Merge pull request #49 from beabee-communityrm/chore/privacy-link-cal…

…louts chore: add privacy links
beabee-communityrm · Aug 29, 2024 · e112919 · e112919
2 parents 848e393 + 549e360
commit e112919
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 0 deletions.
diff --git a/apps/frontend/src/components/pages/callouts/CalloutAddResponsePanel.vue b/apps/frontend/src/components/pages/callouts/CalloutAddResponsePanel.vue
@@ -12,6 +12,23 @@
         @submitted="handleSubmitted"
       />
     </template>
+    <ul class="mt-8 w-full border-t border-primary-40 pt-4 text-sm">
+      <li>
+        <a :href="generalContent.privacyLink" class="text-link">{{
+          t('footer.privacyPolicy')
+        }}</a>
+      </li>
+      <li v-if="generalContent.termsLink">
+        <a :href="generalContent.termsLink" class="text-link">{{
+          t('footer.terms')
+        }}</a>
+      </li>
+      <li v-if="generalContent.impressumLink">
+        <a :href="generalContent.impressumLink" class="text-link">{{
+          t('footer.impressum')
+        }}</a>
+      </li>
+    </ul>
   </CalloutSidePanel>
 </template>
 
@@ -24,15 +41,19 @@ import { useCallout } from './use-callout';
 import { ref, toRef, watch } from 'vue';
 import CalloutSidePanel from './CalloutSidePanel.vue';
 import CalloutThanksBox from './CalloutThanksBox.vue';
+import { generalContent } from '@store/generalContent';
 
 import type { GetCalloutDataWith } from '@type';
+import { useI18n } from 'vue-i18n';
 
 defineEmits<(e: 'close') => void>();
 const props = defineProps<{
   callout: GetCalloutDataWith<'form' | 'variantNames'>;
   answers?: CalloutResponseAnswers;
 }>();
 
+const { t } = useI18n();
+
 const showOnlyThanks = ref(false);
 
 const { showLoginPrompt, showMemberOnlyPrompt } = useCallout(

diff --git a/apps/frontend/src/components/pages/callouts/CalloutIntroPanel.vue b/apps/frontend/src/components/pages/callouts/CalloutIntroPanel.vue
@@ -9,6 +9,23 @@
       <AppButton variant="primary" class="px-6" @click="$emit('close')">
         {{ t('actions.getStarted') }}
       </AppButton>
+      <ul class="mt-8 w-full border-t border-primary-40 pt-4 text-sm">
+        <li>
+          <a :href="generalContent.privacyLink" class="text-link">{{
+            t('footer.privacyPolicy')
+          }}</a>
+        </li>
+        <li v-if="generalContent.termsLink">
+          <a :href="generalContent.termsLink" class="text-link">{{
+            t('footer.terms')
+          }}</a>
+        </li>
+        <li v-if="generalContent.impressumLink">
+          <a :href="generalContent.impressumLink" class="text-link">{{
+            t('footer.impressum')
+          }}</a>
+        </li>
+      </ul>
     </div>
   </CalloutSidePanel>
 </template>
@@ -19,6 +36,7 @@ import { useI18n } from 'vue-i18n';
 import CalloutSidePanel from './CalloutSidePanel.vue';
 import AppTitle from '@components/AppTitle.vue';
 import AppButton from '@components/button/AppButton.vue';
+import { generalContent } from '@store/generalContent';
 
 import type { GetCalloutDataWith } from '@type';