From 0f8a4501f76e44ffa9fd311ef9ddb11fcbf3de65 Mon Sep 17 00:00:00 2001
From: NishaSharma14 <sharmanis14@gmail.com>
Date: Tue, 24 Oct 2023 14:11:56 +0200
Subject: [PATCH 1/2] fix: add FAQs to welcome.vue

---
 resources/js/App/FAQs.vue      | 77 ++++++++++++++++++++++++++++++++++
 resources/js/Pages/Welcome.vue |  8 +++-
 2 files changed, 84 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/App/FAQs.vue

diff --git a/resources/js/App/FAQs.vue b/resources/js/App/FAQs.vue
new file mode 100644
index 00000000..7ac1a136
--- /dev/null
+++ b/resources/js/App/FAQs.vue
@@ -0,0 +1,77 @@
+<template>
+    <div class="bg-white">
+        <div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40">
+            <div class="mx-auto max-w-4xl divide-y divide-gray-900/10">
+                <h2
+                    class="text-2xl font-bold leading-10 tracking-tight text-gray-900"
+                >
+                    Frequently asked questions
+                </h2>
+                <dl class="mt-10 space-y-6 divide-y divide-gray-900/10">
+                    <Disclosure
+                        as="div"
+                        v-for="faq in faqs.slice(0, limit)"
+                        :key="faq.question"
+                        class="pt-6"
+                        v-slot="{ open }"
+                    >
+                        <dt>
+                            <DisclosureButton
+                                class="flex w-full items-start justify-between text-left text-gray-900"
+                            >
+                                <span
+                                    class="text-base font-semibold leading-7"
+                                    >{{ faq.question }}</span
+                                >
+                                <span class="ml-6 flex h-7 items-center">
+                                    <PlusSmallIcon
+                                        v-if="!open"
+                                        class="h-6 w-6"
+                                        aria-hidden="true"
+                                    />
+                                    <MinusSmallIcon
+                                        v-else
+                                        class="h-6 w-6"
+                                        aria-hidden="true"
+                                    />
+                                </span>
+                            </DisclosureButton>
+                        </dt>
+                        <DisclosurePanel as="dd" class="mt-2 pr-12">
+                            <p class="text-base leading-7 text-gray-600">
+                                {{ faq.answer }}
+                            </p>
+                        </DisclosurePanel>
+                    </Disclosure>
+                </dl>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { MinusSmallIcon, PlusSmallIcon } from "@heroicons/vue/24/outline";
+
+const props = defineProps(["limit"]);
+
+const faqs = [
+    {
+        question: "How can I submit my data to nmrXiv?",
+        answer: " Register to nmrXiv. Structure your data in folders similar to nmrXiv structuring of projects, studies, and datasets. This step might not be intuitive so we recommend checking its docummentation. Upload your data, edit it, and provide its metadata via the submission pipeline.",
+    },
+    {
+        question: "What should I do if I think I've found a bug?",
+        answer: "If you believe you've found a bug in nmrXiv, please write to us at info.nmrxiv@uni-jena.de or reach out to our Helpdesk https://www.nfdi4chem.de/helpdesk/.",
+    },
+    {
+        question: "Who can use my public/published resources?",
+        answer: "If you make your resources public (projects, studies, datasets), you are making them open for access to everyone (even to the non-registered user of nmrXiv), but you can specify rights by choosing licenses for your projects and studies (study license propagate to its datasets). Once your project is made public, you cannot edit, delete or make it private again.",
+    },
+    {
+        question: "What are supported files format in nmrXiv?",
+        answer: "nmrXiv accepts all NMR formats uploaded. However, not all of them are readable at the moment. So far, only NMRium-supported formats can be translated into spectra in nmrXiv. Those formats are jcamp-dx, jeol, Bruker folders, NMReData, and nmrium. For validation purposes, the uploaded data should have at least one readable format.",
+    },
+    // More questions...
+];
+</script>
diff --git a/resources/js/Pages/Welcome.vue b/resources/js/Pages/Welcome.vue
index 489f5ea8..4bd712f5 100644
--- a/resources/js/Pages/Welcome.vue
+++ b/resources/js/Pages/Welcome.vue
@@ -367,7 +367,7 @@
                 </div>
             </div>
 
-            <div class="relative pt-16 pb-32">
+            <div class="relative pt-16">
                 <div>
                     <div
                         class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24 overflow-x-hidden pb-10"
@@ -612,6 +612,10 @@
                 </div>
             </div>
 
+            <div>
+                <FAQs></FAQs>
+            </div>
+
             <!-- Gradient Feature Section -->
             <div class="bg-gradient-to-r from-indigo-800 to-teal-700">
                 <div
@@ -955,6 +959,7 @@ import {
 } from "@heroicons/vue/24/outline";
 import { ChevronDownIcon } from "@heroicons/vue/24/solid";
 import ToolTip from "@/Shared/ToolTip.vue";
+import FAQs from "@/App/FAQs.vue";
 
 const Search = [
     {
@@ -1147,6 +1152,7 @@ export default {
         CircleStackIcon,
         ToolTip,
         Projects,
+        FAQs,
     },
 
     props: {

From 76bbaced79bc95e1bd545709786827cb2bb57a37 Mon Sep 17 00:00:00 2001
From: NishaSharma14 <sharmanis14@gmail.com>
Date: Tue, 24 Oct 2023 14:20:33 +0200
Subject: [PATCH 2/2] fix: add FAQ link in footer

---
 resources/js/Pages/Welcome.vue | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/resources/js/Pages/Welcome.vue b/resources/js/Pages/Welcome.vue
index 4bd712f5..d14a2574 100644
--- a/resources/js/Pages/Welcome.vue
+++ b/resources/js/Pages/Welcome.vue
@@ -774,21 +774,25 @@
                                     Quick links
                                 </h3>
                                 <ul role="list" class="mt-4 space-y-4">
-                                    <li>
-                                        <Link
-                                            href="/projects"
+                                    <li
+                                        v-for="item in footerNavigation.quicklinks"
+                                        :key="item.name"
+                                    >
+                                    <Link
+                                            :href="item.href"
                                             class="text-base text-gray-500 hover:text-gray-900"
                                         >
-                                            Projects
+                                            {{ item.name }}
                                         </Link>
                                     </li>
                                     <li>
-                                        <Link
-                                            href="/spectra"
+                                        <a
+                                            target="_blank"
+                                            href=https://docs.nmrxiv.org/FAQs.html
                                             class="text-base text-gray-500 hover:text-gray-900"
                                         >
-                                            Spectra
-                                        </Link>
+                                            FAQs
+                                        </a>
                                     </li>
                                 </ul>
                             </div>
@@ -1024,6 +1028,10 @@ const footerNavigation = {
     //   { name: "Browse", href: "/projects" },
     //   { name: "Advanced Search", href: "/projects" },
     // ],
+    quicklinks: [
+        { name: "Projects", href: "/projects"},
+        { name: "Spectra", href: "/spectra"}
+    ],
     support: [
         { name: "Documentation", href: "https://docs.nmrxiv.org" },
         {