From 91c1773e11addbdd9db76829ce3569cde59f978c Mon Sep 17 00:00:00 2001
From: Alexis Saettler <alexis@saettler.org>
Date: Tue, 9 Apr 2024 21:37:42 +0200
Subject: [PATCH] fix: fix privacy policy and terms of service display (#7224)

---
 public/img/auth/twitter.svg           |  1 -
 resources/js/Pages/PrivacyPolicy.vue  | 23 +++++++++++++++++++++++
 resources/js/Pages/TermsOfService.vue | 23 +++++++++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 delete mode 100644 public/img/auth/twitter.svg
 create mode 100644 resources/js/Pages/PrivacyPolicy.vue
 create mode 100644 resources/js/Pages/TermsOfService.vue

diff --git a/public/img/auth/twitter.svg b/public/img/auth/twitter.svg
deleted file mode 100644
index c0c70f9f885..00000000000
--- a/public/img/auth/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style type="text/css">.st0{fill:#1d9bf0}.st1{fill:#fff}</style><g id="Dark_Blue"><path d="M350,400H50c-27.6,0-50-22.4-50-50V50C0,22.4,22.4,0,50,0h300c27.6,0,50,22.4,50,50v300 C400,377.6,377.6,400,350,400z" class="st0"/></g><g id="Logo__x2014__FIXED"><path d="M153.6,301.6c94.3,0,145.9-78.2,145.9-145.9c0-2.2,0-4.4-0.1-6.6c10-7.2,18.7-16.3,25.6-26.6 c-9.2,4.1-19.1,6.8-29.5,8.1c10.6-6.3,18.7-16.4,22.6-28.4c-9.9,5.9-20.9,10.1-32.6,12.4c-9.4-10-22.7-16.2-37.4-16.2 c-28.3,0-51.3,23-51.3,51.3c0,4,0.5,7.9,1.3,11.7c-42.6-2.1-80.4-22.6-105.7-53.6c-4.4,7.6-6.9,16.4-6.9,25.8 c0,17.8,9.1,33.5,22.8,42.7c-8.4-0.3-16.3-2.6-23.2-6.4c0,0.2,0,0.4,0,0.7c0,24.8,17.7,45.6,41.1,50.3c-4.3,1.2-8.8,1.8-13.5,1.8 c-3.3,0-6.5-0.3-9.6-0.9c6.5,20.4,25.5,35.2,47.9,35.6c-17.6,13.8-39.7,22-63.7,22c-4.1,0-8.2-0.2-12.2-0.7 C97.7,293.1,124.7,301.6,153.6,301.6" class="st1"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/Pages/PrivacyPolicy.vue b/resources/js/Pages/PrivacyPolicy.vue
new file mode 100644
index 00000000000..80ae638ebdc
--- /dev/null
+++ b/resources/js/Pages/PrivacyPolicy.vue
@@ -0,0 +1,23 @@
+<script setup>
+import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
+
+defineProps({
+  policy: String,
+});
+</script>
+
+<template>
+  <div class="font-sans text-gray-900 antialiased">
+    <div class="pt-4 bg-gray-100">
+      <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
+        <div>
+          <AuthenticationCardLogo />
+        </div>
+
+        <div
+          class="w-full sm:max-w-2xl mt-6 p-6 bg-white shadow-md dark:shadow-gray-700 overflow-hidden sm:rounded-lg prose"
+          v-html="policy"></div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/Pages/TermsOfService.vue b/resources/js/Pages/TermsOfService.vue
new file mode 100644
index 00000000000..76bd6314934
--- /dev/null
+++ b/resources/js/Pages/TermsOfService.vue
@@ -0,0 +1,23 @@
+<script setup>
+import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
+
+defineProps({
+  terms: String,
+});
+</script>
+
+<template>
+  <div class="font-sans text-gray-900 antialiased">
+    <div class="pt-4 bg-gray-100">
+      <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
+        <div>
+          <AuthenticationCardLogo />
+        </div>
+
+        <div
+          class="w-full sm:max-w-2xl mt-6 p-6 bg-white shadow-md dark:shadow-gray-700 overflow-hidden sm:rounded-lg prose"
+          v-html="terms"></div>
+      </div>
+    </div>
+  </div>
+</template>