Merge pull request #238 from datagrove/faqsPage

Add FAQ pages in each language, add link to FAQ to profile button, fi…

src/components/common/ProfileBtn.tsx

@@ -68,6 +68,9 @@ export const ProfileBtn = () => {
         <div>
           <a href={`/${lang}`}>{t('pageTitles.home')}</a>
         </div>
+        <div>
+          <a href={`/${lang}/faq`}>{t('buttons.faq')}</a>
+        </div>
         <div>
         <a href={`mailto:support@todoservis.com`}>{t('menus.contactUs')}</a>
         </div>

src/components/posts/CreateNewPost.tsx

@@ -1,5 +1,5 @@
+import type { Component } from "solid-js";
 import {
-  Component,
   Suspense,
   createEffect,
   createResource,

src/components/users/ProviderProfileView.tsx

@@ -16,6 +16,7 @@ import UserImage from "./UserImage";
 import { ui } from "../../i18n/ui";
 import type { uiObject } from "../../i18n/uiType";
 import { getLangFromUrl, useTranslations } from "../../i18n/utils";
+import { i } from "dist/_astro/web.fcb3b003";
 
 const lang = getLangFromUrl(new URL(window.location.href));
 const t = useTranslations(lang);
@@ -226,6 +227,7 @@ export const ProviderProfileView: Component = () => {
           console.log(data);
           data.forEach((item) => {
             item.checked = false;
+            //@ts-ignore
             if (provider()?.language_spoken && provider()?.language_spoken.length > 0){
               provider()?.language_spoken.forEach((language) => {
                 console.log(language);

src/content/config.ts

@@ -13,7 +13,15 @@ const aboutCollection = defineCollection({
     }),
 })
 
+const faqCollection = defineCollection({
+    type: 'content',
+    schema: z.object({
+        lang: z.string(),
+    }),
+})
+
 export const collections = {
     'policies': policiesCollection,
-    'about': aboutCollection
+    'about': aboutCollection,
+    'faq': faqCollection
 }

src/content/faq/faq.mdx

@@ -0,0 +1,151 @@
+---
+lang: "en"
+---
+
+## Table of Contents
+
+## Posting
+
+  <details>
+    <summary>Editing Posts</summary>
+      <blockquote>
+        <details>
+          <summary>How Do I change a post?</summary>
+          <blockquote>
+          Currently there isn't a way to edit a published post. The easiest way to fix or change a post is to copy the content into a new post and delete the old post.
+          </blockquote>
+        </details>
+        {/* Add more FAQs about editing posts here using this format 
+        <details>
+          <summary>**QUESTION**</summary>
+          <blockquote>
+          **ANSWER**
+          </blockquote>
+        </details>
+        */}
+      </blockquote>
+  </details>
+
+  {/* Add more FAQs sections about posting and answers here using this format:
+  <details>
+     <summary>**SECTION NAME**</summary>
+      <blockquote>
+        <details>
+          <summary>**QUESTION 1**</summary>
+          <blockquote>
+          **ANSWER 1**
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>**QUESTION 2**</summary>
+          <blockquote>
+          **ANSWER 2**
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
+     */}
+
+## User Types
+
+  <details>
+    <summary>Client Profiles</summary>
+
+      <blockquote>
+        <details>
+          <summary>Why would I need a client profile?</summary>
+          <blockquote>
+          Signing up for a client profile allows you to contact providers on the platform
+          about their services.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>How do I create a client profile?</summary>
+          <blockquote>
+            Click the menu button in the upper right corner and click *Create Client
+            Profile* and provide the requested information.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Who can see my client information?</summary>
+          <blockquote>
+            Currently the client information isn't shared with anyone. In the future
+            it may be shared with those providers you choose to contact through the
+            platform.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Why do you need ___ ?</summary>
+          <blockquote>
+            More information about why we collect the information we do is available
+            on the registration form. It is also summarized below: 
+            - Name: We need
+            your name to make sure you are a real person and in some cases may need it
+            to process payments 
+            - Display Name: We know in some circumstances your
+            legal name may not accurately reflect your intentions on the platform (for
+            example if you are procuring services on behalf of a business) so we allow
+            you to choose a display name if you feel that would be more appropriate. 
+            - Phone Number: We use the phone number as another safety measure (in
+            addtion to legal name) and in the future may share it with service
+            providers you contact on the platform so that they can contact you
+            regarding your request(s). 
+            - Location: We collect this information so that
+            we can suggest services that might be relevant to you and so that service
+            providers can determine if they provide the requested services in your
+            area. 
+            - Profile Image: This helps make everything more personal. Your
+            profile image may be displayed in when you provide feedback on the
+            platform (such as reviews) or when you contact a provider.
+          </blockquote>
+        </details>
+      </blockquote>
+  </details>
+
+  <details>
+     <summary>Provider Profile</summary>
+      <blockquote>
+        <details>
+          <summary>Why would I need a provider profile?</summary>
+          <blockquote>
+          Signing up for a provider profile allows you to offer your services on the platform.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>How do I create a provider profile?</summary>
+          <blockquote>
+          Click the menu button in the upper right corner and click *Create Provider
+            Profile* and provide the requested information.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>Who can see my provider information?</summary>
+          <blockquote>
+          All registered users can visit your provider profile which shows your provider profile information such as image, location, and languages spoken.
+          Your profile also has buttons linked to your email and phone number so that potential clients can contact you.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>How do I change my provider profile?</summary>
+          <blockquote>
+          Click the menu button in the upper right corner and click *My Provider
+            Profile*, on the profile page click the *Edit Profile* button, change the necessary fields then click *Save Profile*.
+
+            <strong>Please note edits will not be saved if you do not click the</strong><em> Save Profile</em><strong> button!</strong>
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>

src/content/faq/faqES.mdx

@@ -0,0 +1,149 @@
+---
+lang: 'es'
+---
+
+## Publicar
+
+  <details>
+    <summary>Editar publicaciones</summary>
+      <blockquote>
+        <details>
+          <summary>¿Cómo cambio una publicación?</summary>
+          <blockquote>
+          Actualmente no hay forma de editar una publicación publicada. La forma más sencilla de corregir o cambiar una publicación es copiar el contenido en una publicación nueva y eliminar la publicación anterior.
+          </blockquote>
+        </details>
+        {/* Add more FAQs about editing posts here using this format 
+        <details>
+          <summary>**QUESTION**</summary>
+          <blockquote>
+          **ANSWER**
+          </blockquote>
+        </details>
+        */}
+      </blockquote>
+  </details>
+
+  {/* Add more FAQs sections about posting and answers here using this format:
+  <details>
+     <summary>**SECTION NAME**</summary>
+      <blockquote>
+        <details>
+          <summary>**QUESTION 1**</summary>
+          <blockquote>
+          **ANSWER 1**
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>**QUESTION 2**</summary>
+          <blockquote>
+          **ANSWER 2**
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>
+     */}
+
+## Tipos de Usuarios
+
+  <details>
+    <summary>Perfiles de clientes</summary>
+
+      <blockquote>
+        <details>
+          <summary>¿Por qué necesitaría un perfil de cliente?</summary>
+          <blockquote>
+          Registrarse para obtener un perfil de cliente le permite contactar proveedores en la plataforma
+          sobre sus servicios.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>¿Cómo creo un perfil de cliente?</summary>
+          <blockquote>
+            Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Crear cliente
+            Perfil* y proporcione la información solicitada.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>¿Quién puede ver la información de mi cliente?</summary>
+          <blockquote>
+            Actualmente la información del cliente no se comparte con nadie. En el futuro
+            puede ser compartido con aquellos proveedores con los que usted elija contactar a través del
+            plataforma.
+          </blockquote>
+        </details>
+      </blockquote>
+
+      <blockquote>
+        <details>
+          <summary>Por qué lo necesitas ___ ?</summary>
+          <blockquote>
+            Más información sobre por qué recopilamos la información que hacemos está disponible
+            en el formulario de registro. También se resume a continuación:
+            - Nombre: Necesitamos
+            su nombre para asegurarse de que es una persona real y en algunos casos puede necesitarlo
+            para procesar pagos
+            - Nombre para mostrar: sabemos que en algunas circunstancias su
+            Es posible que el nombre legal no refleje con precisión sus intenciones en la plataforma
+            (por ejemplo, si está adquiriendo servicios en nombre de una empresa), por lo que permitimos
+            Puede elegir un nombre para mostrar si cree que sería más apropiado.
+            - Número de teléfono: Utilizamos el número de teléfono como una medida de seguridad más (en
+            adición al nombre legal) y en el futuro puede compartirlo con el servicio
+            Proveedores con los que contactas en la plataforma para que puedan contactar contigo.
+            con respecto a su(s) solicitud(es).
+            - Ubicación: Recopilamos esta información para que
+            Podemos sugerir servicios que podrían ser relevantes para usted y para que ese servicio
+            Los proveedores pueden determinar si brindan los servicios solicitados en su
+            área.
+            - Imagen de perfil: esto ayuda a que todo sea más personal. Su
+            La imagen de perfil se puede mostrar cuando proporcionas comentarios sobre el
+            plataforma (como reseñas) o cuando se comunica con un proveedor.
+          </blockquote>
+        </details>
+      </blockquote>
+  </details>
+
+  <details>
+     <summary>Perfil del proveedor</summary>
+      <blockquote>
+        <details>
+          <summary>¿Por qué necesitaría un perfil de proveedor?</summary>
+          <blockquote>
+          Registrarse en un perfil de proveedor le permite ofrecer sus servicios en la plataforma.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Cómo creo un perfil de proveedor?</summary>
+          <blockquote>
+          Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Crear proveedor
+            Perfil* y proporcione la información solicitada.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Quién puede ver la información de mi proveedor?</summary>
+          <blockquote>
+          Todos los usuarios registrados pueden visitar su perfil de proveedor, que muestra información de su perfil de proveedor, como imagen, ubicación e idiomas hablados.
+          Tu perfil también tiene botones vinculados a tu correo electrónico y número de teléfono para que los clientes potenciales puedan contactar contigo.
+          </blockquote>
+        </details>
+
+        <details>
+          <summary>¿Cómo cambio mi perfil de proveedor?</summary>
+          <blockquote>
+          Haga clic en el botón de menú en la esquina superior derecha y haga clic en *Mi proveedor
+            Perfil*, en la página de perfil, haga clic en el botón *Editar perfil*, cambie los campos necesarios y luego haga clic en *Guardar perfil*.
+
+            <strong>¡Tenga en cuenta que las ediciones no se guardarán si no hace clic en el botón</strong><em> Guardar perfil</em><strong>!</strong>
+          </blockquote>
+        </details>
+      </blockquote>
+    </details>