🏗️ Changes to ComicDetail section

src/client/components/Library/Library.tsx

@@ -27,7 +27,6 @@ export const Library = (): ReactElement => {
   const [offset, setOffset] = useState(0);
   const [searchQuery, setSearchQuery] = useState({
     query: {},
-
     pagination: {
       size: 25,
       from: offset,
@@ -37,7 +36,10 @@ export const Library = (): ReactElement => {
   });
   const queryClient = useQueryClient();
 
-  // Method to fetch paginated issues
+  /**
+   * Method that queries the Elasticsearch index "comics" for issues specified by the query
+   * @param searchQuery - A searchQuery object that contains the search term, type, and pagination params.
+   */
   const fetchIssues = async (searchQuery) => {
     const { pagination, query, type } = searchQuery;
     return await axios({
@@ -50,6 +52,7 @@ export const Library = (): ReactElement => {
       },
     });
   };
+
   const searchIssues = (e) => {
     queryClient.invalidateQueries({ queryKey: ["comics"] });
     setSearchQuery({
@@ -242,7 +245,7 @@ export const Library = (): ReactElement => {
         {!isUndefined(searchResults?.hits) ? (
           <div>
             <div>
-              <div className="grid grid-cols-2">
+              <div className="my-5 flex self-start ml-32 w-fit">
                 <SearchBar searchHandler={(e) => searchIssues(e)} />
               </div>
               <T2Table

src/client/components/Library/SearchBar.tsx

@@ -1,28 +1,10 @@
-import React, { ReactElement, useCallback } from "react";
+import React, { ReactElement } from "react";
 import PropTypes from "prop-types";
 import { Form, Field } from "react-final-form";
 import { Link } from "react-router-dom";
-import { searchIssue } from "../../actions/fileops.actions";
 
 export const SearchBar = (props): ReactElement => {
   const { searchHandler } = props;
-  const handleSubmit = useCallback((e) => {
-    //   searchIssue(
-    //     {
-    //       query: {
-    //         volumeName: e.search,
-    //       },
-    //     },
-    //     {
-    //       pagination: {
-    //         size: 25,
-    //         from: 0,
-    //       },
-    //       type: "volumeName",
-    //       trigger: "libraryPage",
-    //     },
-    //   ),
-  }, []);
   return (
     <Form
       onSubmit={searchHandler}