From 013989774636854c3c7383abe5e44fa62fac484d Mon Sep 17 00:00:00 2001
From: Ed-Gah <edwingah2021@gmail.com>
Date: Wed, 4 Oct 2023 12:05:43 +0100
Subject: [PATCH 1/3] Redesigned FAQs page

---
 .env.example              | 12 ------------
 components/FaqsSection.js | 32 +++++++++++++++++++++++++++++++
 components/Header.js      | 18 ++++++++++--------
 package.json              |  4 ++--
 pages/faqs.js             | 40 +++++++++++++++++++++++++++++++++++++++
 5 files changed, 84 insertions(+), 22 deletions(-)
 delete mode 100644 .env.example
 create mode 100644 components/FaqsSection.js
 create mode 100644 pages/faqs.js

diff --git a/.env.example b/.env.example
deleted file mode 100644
index fd92875..0000000
--- a/.env.example
+++ /dev/null
@@ -1,12 +0,0 @@
-email = -- your email --
-password = -- email password --
-NODE_ENV = dev
-access_key = -- internet-archive-access-key --
-secret_key = -- internet-archive-secret-key --
-GB_KEY = -- google-books-key --
-redishost = -- redis-host --
-redisport = -- redis-port --
-service = -- email service provider --
-WIKIMEDIA_CLIENT_ID = -- oauth client id --
-WIKIMEDIA_CLIENT_SECRET = -- oauth client secret --
-NEXTAUTH_URL = -- nextauth base url -- 
\ No newline at end of file
diff --git a/components/FaqsSection.js b/components/FaqsSection.js
new file mode 100644
index 0000000..629b0bc
--- /dev/null
+++ b/components/FaqsSection.js
@@ -0,0 +1,32 @@
+import React from "react";
+
+const FaqsSection = ({ faqs_data }) => {
+  return (
+    <div>
+      <style jsx>
+        {`
+          .cdx-card-custom {
+            margin-top: 20px;
+            flex: 20%;
+            margin-right: 20px;
+            max-width: 400px;
+          }
+          .queue-section {
+            display: flex;
+            flex-direction: row;
+          }
+        `}
+      </style>
+      {faqs_data?.map((faq, index) => (
+        <span key={index} className="cdx-card cdx-card-custom">
+          <span className="cdx-card__text">
+            <span className="cdx-card__text__title">{faq?.que}</span>
+            <span className="cdx-card__text__description">{faq?.ans}</span>
+          </span>
+        </span>
+      ))}
+    </div>
+  );
+};
+
+export default FaqsSection;
diff --git a/components/Header.js b/components/Header.js
index ed58665..321adf6 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -64,7 +64,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    for="form-tabs-1-input"
+                    htmlFor="form-tabs-1-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "index" ? "true" : "false"
@@ -81,7 +81,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    for="form-tabs-2-input"
+                    htmlFor="form-tabs-2-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "queue" ? "true" : "false"
@@ -98,7 +98,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    for="form-tabs-3-input"
+                    htmlFor="form-tabs-3-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "stats" ? "true" : "false"
@@ -108,21 +108,23 @@ class Header extends Component {
                   </label>
                 </li>
               </Link>
-              {/* <Link href="/faq">
+              <Link href="/faqs">
                 <li
                   id="form-tabs-3-label"
                   className="cdx-tabs__list__item"
                   role="presentation"
                 >
                   <label
-                    for="form-tabs-3-input"
+                    htmlFor="form-tabs-3-input"
                     role="tab"
-                    aria-selected={this.props.page === "faq" ? "true" : "false"}
+                    aria-selected={
+                      this.props.page === "faqs" ? "true" : "false"
+                    }
                   >
-                    FAQ
+                    FAQs
                   </label>
                 </li>
-              </Link> */}
+              </Link>
             </ul>
             {session && (
               <div className="user-info__right">
diff --git a/package.json b/package.json
index cb8f5ed..b069779 100644
--- a/package.json
+++ b/package.json
@@ -59,8 +59,8 @@
     "open": "^7.0.3",
     "pdfkit": "^0.9.1",
     "querystring": "^0.2.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-loaders": "^3.0.1",
     "react-table": "^7.0.0-rc.16",
     "request": "^2.88.0",
diff --git a/pages/faqs.js b/pages/faqs.js
new file mode 100644
index 0000000..532caed
--- /dev/null
+++ b/pages/faqs.js
@@ -0,0 +1,40 @@
+import Header from "../components/Header";
+import FaqsSection from "../components/FaqsSection";
+import { faq_data } from "../utils/constants";
+
+const Faqs = () => {
+  return (
+    <div>
+      <style jsx>
+        {`
+          .faq-container {
+            color: #36c;
+            flex-grow: 0;
+            overflow: auto;
+            height: 70vh;
+          }
+          .cdx-message {
+            margin-top: 20px;
+            flex-grow: 0.1;
+            justify-content: center;
+            align-items: center;
+          }
+          .
+        `}
+      </style>
+      <Header page="faqs" />
+      <div>
+        <div className="container p-0">
+          <div className="main-content">
+            <h4>Frequently ask questions</h4>
+            <div className="faq-container">
+              <FaqsSection faqs_data={faq_data} />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Faqs;

From add5d93f995d95fe43d887322a0d6d9f723c4a98 Mon Sep 17 00:00:00 2001
From: Ed-Gah <edwingah2021@gmail.com>
Date: Mon, 9 Oct 2023 15:41:38 +0100
Subject: [PATCH 2/3] Revert "Redesigned FAQs page"

This reverts commit 013989774636854c3c7383abe5e44fa62fac484d.
---
 .env.example              | 12 ++++++++++++
 components/FaqsSection.js | 32 -------------------------------
 components/Header.js      | 18 ++++++++----------
 package.json              |  4 ++--
 pages/faqs.js             | 40 ---------------------------------------
 5 files changed, 22 insertions(+), 84 deletions(-)
 create mode 100644 .env.example
 delete mode 100644 components/FaqsSection.js
 delete mode 100644 pages/faqs.js

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..fd92875
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,12 @@
+email = -- your email --
+password = -- email password --
+NODE_ENV = dev
+access_key = -- internet-archive-access-key --
+secret_key = -- internet-archive-secret-key --
+GB_KEY = -- google-books-key --
+redishost = -- redis-host --
+redisport = -- redis-port --
+service = -- email service provider --
+WIKIMEDIA_CLIENT_ID = -- oauth client id --
+WIKIMEDIA_CLIENT_SECRET = -- oauth client secret --
+NEXTAUTH_URL = -- nextauth base url -- 
\ No newline at end of file
diff --git a/components/FaqsSection.js b/components/FaqsSection.js
deleted file mode 100644
index 629b0bc..0000000
--- a/components/FaqsSection.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-
-const FaqsSection = ({ faqs_data }) => {
-  return (
-    <div>
-      <style jsx>
-        {`
-          .cdx-card-custom {
-            margin-top: 20px;
-            flex: 20%;
-            margin-right: 20px;
-            max-width: 400px;
-          }
-          .queue-section {
-            display: flex;
-            flex-direction: row;
-          }
-        `}
-      </style>
-      {faqs_data?.map((faq, index) => (
-        <span key={index} className="cdx-card cdx-card-custom">
-          <span className="cdx-card__text">
-            <span className="cdx-card__text__title">{faq?.que}</span>
-            <span className="cdx-card__text__description">{faq?.ans}</span>
-          </span>
-        </span>
-      ))}
-    </div>
-  );
-};
-
-export default FaqsSection;
diff --git a/components/Header.js b/components/Header.js
index 321adf6..ed58665 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -64,7 +64,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    htmlFor="form-tabs-1-input"
+                    for="form-tabs-1-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "index" ? "true" : "false"
@@ -81,7 +81,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    htmlFor="form-tabs-2-input"
+                    for="form-tabs-2-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "queue" ? "true" : "false"
@@ -98,7 +98,7 @@ class Header extends Component {
                   role="presentation"
                 >
                   <label
-                    htmlFor="form-tabs-3-input"
+                    for="form-tabs-3-input"
                     role="tab"
                     aria-selected={
                       this.props.page === "stats" ? "true" : "false"
@@ -108,23 +108,21 @@ class Header extends Component {
                   </label>
                 </li>
               </Link>
-              <Link href="/faqs">
+              {/* <Link href="/faq">
                 <li
                   id="form-tabs-3-label"
                   className="cdx-tabs__list__item"
                   role="presentation"
                 >
                   <label
-                    htmlFor="form-tabs-3-input"
+                    for="form-tabs-3-input"
                     role="tab"
-                    aria-selected={
-                      this.props.page === "faqs" ? "true" : "false"
-                    }
+                    aria-selected={this.props.page === "faq" ? "true" : "false"}
                   >
-                    FAQs
+                    FAQ
                   </label>
                 </li>
-              </Link>
+              </Link> */}
             </ul>
             {session && (
               <div className="user-info__right">
diff --git a/package.json b/package.json
index b069779..cb8f5ed 100644
--- a/package.json
+++ b/package.json
@@ -59,8 +59,8 @@
     "open": "^7.0.3",
     "pdfkit": "^0.9.1",
     "querystring": "^0.2.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "react-loaders": "^3.0.1",
     "react-table": "^7.0.0-rc.16",
     "request": "^2.88.0",
diff --git a/pages/faqs.js b/pages/faqs.js
deleted file mode 100644
index 532caed..0000000
--- a/pages/faqs.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import Header from "../components/Header";
-import FaqsSection from "../components/FaqsSection";
-import { faq_data } from "../utils/constants";
-
-const Faqs = () => {
-  return (
-    <div>
-      <style jsx>
-        {`
-          .faq-container {
-            color: #36c;
-            flex-grow: 0;
-            overflow: auto;
-            height: 70vh;
-          }
-          .cdx-message {
-            margin-top: 20px;
-            flex-grow: 0.1;
-            justify-content: center;
-            align-items: center;
-          }
-          .
-        `}
-      </style>
-      <Header page="faqs" />
-      <div>
-        <div className="container p-0">
-          <div className="main-content">
-            <h4>Frequently ask questions</h4>
-            <div className="faq-container">
-              <FaqsSection faqs_data={faq_data} />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Faqs;

From 3b6deecb2390a812545f4c649424583a173981b2 Mon Sep 17 00:00:00 2001
From: Ed-Gah <edwingah2021@gmail.com>
Date: Tue, 10 Oct 2023 20:48:48 +0100
Subject: [PATCH 3/3] Changed files containing name of files conntainer jsx
 from .js to .jsx

---
 components/{Answer.js => Answer.jsx}                         | 0
 components/{Books.js => Books.jsx}                           | 0
 components/{ChangeIdentifier.js => ChangeIdentifier.jsx}     | 0
 components/{Footer.js => Footer.jsx}                         | 0
 components/{Header.js => Header.jsx}                         | 0
 components/{Question.js => Question.jsx}                     | 0
 components/{QueueSection.js => QueueSection.jsx}             | 0
 components/{QueueTable.js => QueueTable.jsx}                 | 0
 components/{ShowJobInformation.js => ShowJobInformation.jsx} | 0
 components/{ShowQueue.js => ShowQueue.jsx}                   | 0
 components/{UploadedItems.js => UploadedItems.jsx}           | 0
 pages/{_app.js => _app.jsx}                                  | 0
 pages/{index.js => index.jsx}                                | 0
 pages/{queue.js => queue.jsx}                                | 0
 pages/{stats.js => stats.jsx}                                | 0
 15 files changed, 0 insertions(+), 0 deletions(-)
 rename components/{Answer.js => Answer.jsx} (100%)
 rename components/{Books.js => Books.jsx} (100%)
 rename components/{ChangeIdentifier.js => ChangeIdentifier.jsx} (100%)
 rename components/{Footer.js => Footer.jsx} (100%)
 rename components/{Header.js => Header.jsx} (100%)
 rename components/{Question.js => Question.jsx} (100%)
 rename components/{QueueSection.js => QueueSection.jsx} (100%)
 rename components/{QueueTable.js => QueueTable.jsx} (100%)
 rename components/{ShowJobInformation.js => ShowJobInformation.jsx} (100%)
 rename components/{ShowQueue.js => ShowQueue.jsx} (100%)
 rename components/{UploadedItems.js => UploadedItems.jsx} (100%)
 rename pages/{_app.js => _app.jsx} (100%)
 rename pages/{index.js => index.jsx} (100%)
 rename pages/{queue.js => queue.jsx} (100%)
 rename pages/{stats.js => stats.jsx} (100%)

diff --git a/components/Answer.js b/components/Answer.jsx
similarity index 100%
rename from components/Answer.js
rename to components/Answer.jsx
diff --git a/components/Books.js b/components/Books.jsx
similarity index 100%
rename from components/Books.js
rename to components/Books.jsx
diff --git a/components/ChangeIdentifier.js b/components/ChangeIdentifier.jsx
similarity index 100%
rename from components/ChangeIdentifier.js
rename to components/ChangeIdentifier.jsx
diff --git a/components/Footer.js b/components/Footer.jsx
similarity index 100%
rename from components/Footer.js
rename to components/Footer.jsx
diff --git a/components/Header.js b/components/Header.jsx
similarity index 100%
rename from components/Header.js
rename to components/Header.jsx
diff --git a/components/Question.js b/components/Question.jsx
similarity index 100%
rename from components/Question.js
rename to components/Question.jsx
diff --git a/components/QueueSection.js b/components/QueueSection.jsx
similarity index 100%
rename from components/QueueSection.js
rename to components/QueueSection.jsx
diff --git a/components/QueueTable.js b/components/QueueTable.jsx
similarity index 100%
rename from components/QueueTable.js
rename to components/QueueTable.jsx
diff --git a/components/ShowJobInformation.js b/components/ShowJobInformation.jsx
similarity index 100%
rename from components/ShowJobInformation.js
rename to components/ShowJobInformation.jsx
diff --git a/components/ShowQueue.js b/components/ShowQueue.jsx
similarity index 100%
rename from components/ShowQueue.js
rename to components/ShowQueue.jsx
diff --git a/components/UploadedItems.js b/components/UploadedItems.jsx
similarity index 100%
rename from components/UploadedItems.js
rename to components/UploadedItems.jsx
diff --git a/pages/_app.js b/pages/_app.jsx
similarity index 100%
rename from pages/_app.js
rename to pages/_app.jsx
diff --git a/pages/index.js b/pages/index.jsx
similarity index 100%
rename from pages/index.js
rename to pages/index.jsx
diff --git a/pages/queue.js b/pages/queue.jsx
similarity index 100%
rename from pages/queue.js
rename to pages/queue.jsx
diff --git a/pages/stats.js b/pages/stats.jsx
similarity index 100%
rename from pages/stats.js
rename to pages/stats.jsx