Merge pull request #76 from kaogeek/27-add-satisfaction-survey-link-i…

…n-footer

27 add satisfaction survey link in footer

src/components/Footer.jsx

@@ -0,0 +1,19 @@
+export default function Footer() {
+  return (
+    <>
+      <div className="text-center text-xl py-20 text-subheader">
+        <span className="text-3xl text-header">ชื่นชอบเว็บไซต์ของเราหรือไม่?</span><br />
+        แสดงความคิดเห็นของท่านผ่าน&nbsp; 
+        <a className="underline text-header" href="https://form.parliament.go.th/questionnaire/SurveyUser/SurveyUserTakeNoLogin.php?survey_id=370881" target="_blank">
+          แบบประเมินความพึงพอใจ
+        </a>
+        &nbsp;ได้เลยนะคะ
+      </div>
+      <div className="px-5 py-3 text-[#bbb] text-center text-sm">
+        เว็บไซต์นี้จัดทำขึ้นเพื่ออำนวยควาสะดวกในการสืบค้นข้อมูล <br className="lg:hidden" />การนำไปใช้อ้างอิงใดๆ โปรดตรวจสอบและอ้างอิงจากต้นฉบับเท่านั้น<br />
+        สำนักงานเลขาธิการสภาผู้แทนราษฎรสงวนสิทธิ์<br className="lg:hidden" />ในความรับผิดชอบต่อความถูกต้องของข้อมูลเบนว็บไซต์นี้<br /><br />
+        <span className="text-header">&copy; {(new Date()).getFullYear()} สำนักงานเลขาธิการสภาผู้แทนราษฎร</span>
+      </div>
+    </>
+  );
+}

src/pages/About.jsx

@@ -2,6 +2,8 @@ import React from "react";
 import "../components/ProfileImages.jsx";
 import AnonymousSVG from "../components/AnonymousSVG.jsx";
 import ProfileImages from "../components/ProfileImages.jsx";
+import Footer from "../components/Footer";
+
 export default function About() {
   return (
 
@@ -107,6 +109,8 @@ export default function About() {
       </div>
     </div>
 
+    <Footer />
+
   </div>
 
   );

src/pages/Chapter.jsx

@@ -8,6 +8,7 @@ import SelectDiscussionistsMobile from "../components/SelectDiscussionists/Selec
 import SelectDiscussionists from "../components/SelectDiscussionists/SelectDiscussionists";
 import ListItem from "../components/ListItem";
 import SortBy from "../components/SortBy";
+import Footer from "../components/Footer";
 
 import createDataObject from "../c60-data-query/data-object.js";
 import data from "../c60-data-query/data.js";
@@ -169,6 +170,7 @@ export default function Chapter() {
           discussionists={discussionists.map((d) => d["ผู้อภิปราย"])}
         />
       ) : null}
+      <Footer />
     </>
   );
 }

src/pages/Discussionist.jsx

@@ -9,6 +9,7 @@ import SelectChapters from "../components/SelectChapters/SelectChapters";
 import ListItem from "../components/ListItem";
 import chapterColorCode from "../constants/chapterColorCode.js";
 import SortBy from "../components/SortBy";
+import Footer from "../components/Footer";
 
 import createDataObject from "../c60-data-query/data-object.js";
 import data from "../c60-data-query/data.js";
@@ -189,6 +190,7 @@ export default function Discussionist() {
           close={handleChaptersModalClose}
         />
       ) : null}
+      <Footer />
     </>
   );
 }

src/pages/Home.jsx

@@ -6,6 +6,7 @@ import "../styles/Home.css";
 import ByChapter from "../components/Overview/ByChapter";
 import ByDiscussionist from "../components/Overview/ByDiscussionist";
 import BySection from "../components/Overview/BySection";
+import Footer from "../components/Footer";
 
 export default function Home() {
   const [view, setView] = useState("chapter");
@@ -106,6 +107,9 @@ export default function Home() {
         {view === "discussionist" && (<ByDiscussionist />)}
         {view === "section" && (<BySection />)}
       </div>
+
+      <Footer />
+
     </div>
   );
 }

src/pages/RelatedInfo.jsx

@@ -1,3 +1,5 @@
+import Footer from "../components/Footer";
+
 export default function RelatedInfo() {
   return (
     <div data-testid="related-doc">
@@ -53,6 +55,7 @@ export default function RelatedInfo() {
           </div>
         </div>
       </div>
+      <Footer />
     </div>
   );
 }

src/pages/Search.jsx

@@ -4,8 +4,7 @@ import { Icon } from "@iconify/react";
 import "../components/ProfileImages.jsx";
 import data from "../c60-data-query/data.js";
 import { useState, useEffect } from "react";
-import { chapterIdToName, chapterNameToId } from "../../src/constants/chapters.js"
-
+import { chapterIdToName, chapterNameToId } from "../../src/constants/chapters.js";
 import createDataObject from "../c60-data-query/data-object.js";
 
 export default function Search({ searchInputValue, setSearchInputValue }) {

src/pages/Section.jsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
+import Footer from "../components/Footer";
 
 export default function Section() {
   const [idFromURL, setIdFromURL] = useState(null);
@@ -243,6 +244,7 @@ export default function Section() {
           </div>
         </div>
       </div>
+      <Footer />
     </>
   );
 }