From bce0c8598a36193b86b90670dfc5ac37e13e773e Mon Sep 17 00:00:00 2001
From: Brogan Clements <brogancle@gmail.com>
Date: Fri, 22 Apr 2022 13:19:28 -0400
Subject: [PATCH] Cleanup imports and unused variables

---
 src/App.js                       | 21 ++++++++-------------
 src/components/LangFilters.js    |  2 +-
 src/components/MarkdownParser.js |  6 ++++--
 src/components/ParsedLink.js     |  4 ++--
 src/components/SearchBar.js      |  1 -
 5 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/App.js b/src/App.js
index 4e91cdc..b2a4b71 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,19 +1,17 @@
 import React, { useState, useEffect } from "react";
+import axios from "axios";
+import Fuse from "fuse.js";
+import { useCookies } from "react-cookie";
+import queryString  from "query-string";
+
 import LangFilters from "./components/LangFilters";
 import SearchBar from "./components/SearchBar";
 import SearchResult from "./components/SearchResult";
-import axios from "axios";
-import Fuse from "fuse.js";
-import { ThemeContext, themes, swapMode } from "./darkMode";
-import { useCookies } from "react-cookie";
-
-import Default from "./components/Default";
+import MarkdownParser from "./components/MarkdownParser";
 
 import SunImg from "./img/sun.png";
 import MoonImg from "./img/moon.png";
-import MarkdownParser from "./components/MarkdownParser";
-const queryString = require("query-string");
-
+import { ThemeContext, themes, swapMode } from "./darkMode";
 
 function jsonToArray(json) {
   // list of all books
@@ -71,10 +69,7 @@ function App() {
   const [searchParams, setSearchParams] = useState({ searchTerm: defaultSearch, "lang.code": "" });
   // array of all search results
   const [searchResults, setSearchResults] = useState([]);
-  // array of the topics the search results fall under
-  const [sectionResults, setSectionResults] = useState([]);
-  // eslint-disable-next-line
-  const [cookies, setCookie, removeCookie] = useCookies(["lightMode"]);
+  const [cookies, setCookie, ] = useCookies(["lightMode"]);
   const [queries, setQueries] = useState({ lang: "", subject: "" });
 
   // eslint-disable-next-line
diff --git a/src/components/LangFilters.js b/src/components/LangFilters.js
index ea35cf4..614c15c 100644
--- a/src/components/LangFilters.js
+++ b/src/components/LangFilters.js
@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-const queryString = require("query-string");
+import queryString from "query-string";
 
 function LangFilters({ changeParameter, data, langCode }) {
   const [languages, setLanguages] = useState([]);
diff --git a/src/components/MarkdownParser.js b/src/components/MarkdownParser.js
index 51d681c..a0231c6 100644
--- a/src/components/MarkdownParser.js
+++ b/src/components/MarkdownParser.js
@@ -1,8 +1,10 @@
 import React, { useEffect, useState } from "react";
-import ReactMarkdown from "react-markdown";
 import axios from "axios";
+
+import ReactMarkdown from "react-markdown";
 import rehypeSlug from "rehype-slug";
 import rehypeRaw from "rehype-raw";
+
 import ParsedLink from "./ParsedLink";
 
 function MarkdownParser({ file, sect }) {
@@ -58,7 +60,7 @@ function MarkdownParser({ file, sect }) {
                   </a>
                 );
               }
-              return <ParsedLink node={node} children={children} className={className} sect={sect} props={props} />;
+              return <ParsedLink children={children} className={className} sect={sect} props={props} />;
             },
           }}
         />
diff --git a/src/components/ParsedLink.js b/src/components/ParsedLink.js
index 7fdc3c6..5aaa420 100644
--- a/src/components/ParsedLink.js
+++ b/src/components/ParsedLink.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 
-function ParsedLink({ node, children, className, sect, props }) {
+function ParsedLink({ children, sect, props }) {
   const [folder, setFolder] = useState(null);
   const [file, setFile] = useState(null);
 
@@ -9,7 +9,7 @@ function ParsedLink({ node, children, className, sect, props }) {
     // If there is only one entry then the folder is the root directory and the entry is the file
     let hrefSplit = props.href.split("/");
 
-    if (hrefSplit.length == 2) {
+    if (hrefSplit.length === 2) {
       // Case when the
       // Some docs reference back to the root directory which would give the folder ".."
       // When that happens, skip setting the folder as it should stay null.
diff --git a/src/components/SearchBar.js b/src/components/SearchBar.js
index c45bf2d..36ed623 100644
--- a/src/components/SearchBar.js
+++ b/src/components/SearchBar.js
@@ -1,5 +1,4 @@
 import React, {useEffect} from "react";
-const queryString = require("query-string");
 
 function SearchBar(props) {
   useEffect(() => {