From d395cecb58640f1ae07e2875664791d0860a6a6c Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sun, 16 Jul 2023 18:32:39 +0200
Subject: [PATCH] [BUGFIX] add faq folder

---
 rot_app/src/routes/admin/+page.svelte | 14 ++------------
 rot_app/src/routes/faq/+page.svelte   | 26 ++++++++++++++++++++++++++
 rot_app/src/routes/faq/+page.ts       |  9 +++++++++
 rot_app/src/routes/faq/FAQ.svelte     | 11 +++++++++++
 4 files changed, 48 insertions(+), 12 deletions(-)
 create mode 100644 rot_app/src/routes/faq/+page.svelte
 create mode 100644 rot_app/src/routes/faq/+page.ts
 create mode 100644 rot_app/src/routes/faq/FAQ.svelte

diff --git a/rot_app/src/routes/admin/+page.svelte b/rot_app/src/routes/admin/+page.svelte
index 7fc4384..6f5edc3 100644
--- a/rot_app/src/routes/admin/+page.svelte
+++ b/rot_app/src/routes/admin/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { user } from '../../stores/User.js';
-  import FAQ from './FAQ.svelte';
 </script>
 
 <svelte:head>
@@ -8,19 +7,10 @@
 </svelte:head>
 
 <div class="max-w-screen-lg w-full">
-  <h1 class="h1">FAQs</h1>
+  <h1 class="h1">User</h1>
 
   <div class="grid pt-8 text-left gap-10">
-      
-  {#if $user.isCox}
-    <FAQ 
-      question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
-      answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
-  {/if}
-
-  <FAQ 
-  question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
-  answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+      Test
 
   </div>
 </div>
\ No newline at end of file
diff --git a/rot_app/src/routes/faq/+page.svelte b/rot_app/src/routes/faq/+page.svelte
new file mode 100644
index 0000000..7fc4384
--- /dev/null
+++ b/rot_app/src/routes/faq/+page.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { user } from '../../stores/User.js';
+  import FAQ from './FAQ.svelte';
+</script>
+
+<svelte:head>
+	<title>FAQ - ASKÖ Ruderverein Donau Linz</title>
+</svelte:head>
+
+<div class="max-w-screen-lg w-full">
+  <h1 class="h1">FAQs</h1>
+
+  <div class="grid pt-8 text-left gap-10">
+      
+  {#if $user.isCox}
+    <FAQ 
+      question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
+      answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+  {/if}
+
+  <FAQ 
+  question={'Wie kann ich eine erstellte Ausfahrt absagen?'} 
+  answer={'Du kannst bei deinen selbst angelegten Ausfahrten auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.'} />
+
+  </div>
+</div>
\ No newline at end of file
diff --git a/rot_app/src/routes/faq/+page.ts b/rot_app/src/routes/faq/+page.ts
new file mode 100644
index 0000000..e739ef4
--- /dev/null
+++ b/rot_app/src/routes/faq/+page.ts
@@ -0,0 +1,9 @@
+import { dev } from '$app/environment';
+
+// we don't need any JS on this page, though we'll load
+// it in dev so that we get hot module replacement
+export const csr = dev;
+
+// since there's no dynamic data here, we can prerender
+// it so that it gets served as a static asset in production
+export const prerender = true;
diff --git a/rot_app/src/routes/faq/FAQ.svelte b/rot_app/src/routes/faq/FAQ.svelte
new file mode 100644
index 0000000..a036ac3
--- /dev/null
+++ b/rot_app/src/routes/faq/FAQ.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+  export let question: string;
+	export let answer: string;
+</script>
+
+<div>
+  <h2 class="flex mb-4 text-lg font-bold text-primary-900">
+    {@html question }
+  </h2>
+  <p class="text-primary-950">{@html answer }</p>
+</div>