From 656f2a67f12714decea06ab2d77b5b631d07381b Mon Sep 17 00:00:00 2001
From: Alex Santos <alex.santos@klupp.tech>
Date: Wed, 15 Jun 2022 14:47:55 -0300
Subject: [PATCH] update Faq

---
 .../administrativeTables/FaqTable.tsx         |  5 +-
 .../faqQuestionsCard/FaqQuestionsCard.tsx     | 15 ++++--
 src/pages/administrative/faq/index.tsx        |  3 +-
 src/pages/faq.tsx                             | 54 +++++++++++++++----
 4 files changed, 56 insertions(+), 21 deletions(-)

diff --git a/src/components/administrativeTables/FaqTable.tsx b/src/components/administrativeTables/FaqTable.tsx
index 62e5955..0b5878c 100644
--- a/src/components/administrativeTables/FaqTable.tsx
+++ b/src/components/administrativeTables/FaqTable.tsx
@@ -15,9 +15,6 @@ import TableHead from '@mui/material/TableHead';
 import TablePagination from '@mui/material/TablePagination';
 import TableRow from '@mui/material/TableRow';
 import TableSortLabel from '@mui/material/TableSortLabel';
-import Toolbar from '@mui/material/Toolbar';
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
 import { visuallyHidden } from '@mui/utils';
 import { GetServerSideProps } from 'next';
 import React, { useState } from 'react';
@@ -194,7 +191,7 @@ export default function FaqTable({questionData}: any) {
 
   const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {
     if (event.target.checked) {
-      const newSelecteds = questionData.map((n) => n.questionData);
+      const newSelecteds = questionData.map((n) => n.id);
       setSelected(newSelecteds);
       return;
     }
diff --git a/src/components/faqQuestionsCard/FaqQuestionsCard.tsx b/src/components/faqQuestionsCard/FaqQuestionsCard.tsx
index 343e749..730fd19 100644
--- a/src/components/faqQuestionsCard/FaqQuestionsCard.tsx
+++ b/src/components/faqQuestionsCard/FaqQuestionsCard.tsx
@@ -1,21 +1,26 @@
 import React, { useState } from 'react'
 import Image from 'next/image'
-
+import getAPIClient from '../../services/ssrApi';
 import { FaqQuestionsCardBody, FaqQuestionsCardHeader, CommonQuestionsCardView } from './FaqQuestionsCardView'
 
-export default function CommonsQuestionsCard() {
+interface CommonsQuestionsCardInterface {
+  question: string,
+  answer: string,
+}
+
+export default function CommonsQuestionsCard({question, answer}: CommonsQuestionsCardInterface) {
   const [ showCardBody, setShowCardBody ] = useState<boolean>(false)
   return (
+
     <CommonQuestionsCardView>
       <FaqQuestionsCardHeader>
-        <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit?</h4>
+        <h4>{question}</h4>
         <Image src={showCardBody? '/assets/less-icon.svg' : '/assets/plus-icon.svg' } width={32} height={32} onClick={() => setShowCardBody(!showCardBody)} />
       </FaqQuestionsCardHeader>
 
       <FaqQuestionsCardBody showCardBody={showCardBody} >
         <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Consequat porta faucibus elementum pharetra varius
+          {answer}
         </p>
       </FaqQuestionsCardBody>
     </CommonQuestionsCardView>
diff --git a/src/pages/administrative/faq/index.tsx b/src/pages/administrative/faq/index.tsx
index 1dc6001..d1874ad 100644
--- a/src/pages/administrative/faq/index.tsx
+++ b/src/pages/administrative/faq/index.tsx
@@ -70,7 +70,7 @@ export default function Sidebar({faqData}) {
       <PageTitle title='Perguntas Frequentes' subtitle='Perguntas Frequentes'/>
 
       <div className='buttons'>
-      <button className='btn2' onClick={handleOpen}>Adicionar</button>
+      <button className='btn2' value="Refresh Page"onClick={handleOpen} >Adicionar</button>
       <button className='btn1' onClick={handleOpen}>Inativar</button>
 
       </div>
@@ -95,6 +95,7 @@ export default function Sidebar({faqData}) {
               throw new Error('Function not implemented.');
             } } />
         <FaqButton2   title='Salvar' onClick={() => handleRegisterNewFaq(faq)}
+
         />
         </Box>
 
diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
index aecee8f..c1e3a41 100644
--- a/src/pages/faq.tsx
+++ b/src/pages/faq.tsx
@@ -1,10 +1,15 @@
+import { GetServerSideProps } from 'next'
 import Head from 'next/head'
+import { parseCookies } from 'nookies'
 import React from 'react'
 import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard'
 import Header from '../components/header/Header'
+import { api } from '../services/api'
+import getAPIClient from '../services/ssrApi'
 import { FaqView } from '../styles/layouts/commonQuestions/FaqView'
 
-export default function commonQuestions() {
+
+export default function commonQuestions({faqData}) {
   return (
     <FaqView>
       <Head>
@@ -14,17 +19,44 @@ export default function commonQuestions() {
       <h1>Perguntas Frequentes</h1>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
       <section className='CommonQuestionsSection' >
-        <CommonQuestionsCard />
-        <hr />
-        <CommonQuestionsCard />
-        <hr />
-        <CommonQuestionsCard />
-        <hr />
-        <CommonQuestionsCard />
-        <hr />
-        <CommonQuestionsCard />
-        <hr />
+      {
+        faqData.map((value, index ) => {
+          return <>
+            <CommonQuestionsCard key={index} question={value.question} answer={value.answer}/>
+            <hr />
+          </>
+        })
+      }
       </section>
     </FaqView>
   )
 }
+export const getServerSideProps: GetServerSideProps = async (ctx) => {
+  const apiClient = getAPIClient(ctx)
+  const { ['@smartAuth-token']: token } = parseCookies(ctx)
+  console.log('teste')
+  let faqData = [];
+
+
+await apiClient.get('/faq').then(res => {
+  faqData = res.data
+}).catch(res => {
+  console.log(res)
+})
+  console.table(faqData);
+
+  if (!token) {
+    return {
+      redirect: {
+        destination: '/',
+        permanent: false
+      }
+    }
+  }
+
+  return {
+    props: {
+      faqData
+    }
+  }
+}