From af5f443cbe79d1bfe821674e6df75071a4cdbc8c Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 17 Nov 2022 13:46:20 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fixing=20CV=20manual=20search=20?=
 =?UTF-8?q?form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/ComicVineSearchForm.tsx | 73 ++++++++++---------
 src/client/components/PullList/PullList.tsx   |  2 +-
 2 files changed, 39 insertions(+), 36 deletions(-)

diff --git a/src/client/components/ComicVineSearchForm.tsx b/src/client/components/ComicVineSearchForm.tsx
index 8e72c0b..25471d9 100644
--- a/src/client/components/ComicVineSearchForm.tsx
+++ b/src/client/components/ComicVineSearchForm.tsx
@@ -23,8 +23,8 @@ export const ComicVineSearchForm = (data) => {
         number: value.issueNumber,
         subtitle: "",
         year: value.issueYear,
-      }
-    }
+      },
+    };
     dispatch(fetchComicVineMatches(data, userInititatedQuery));
   }, []);
   const validate = () => {
@@ -42,27 +42,29 @@ export const ComicVineSearchForm = (data) => {
           </span>
           <div className="field is-horizontal">
             <div className="field-body">
-              <div className="field">
-                <Field name="issueName">
-                  {(props) => (
-                    <p className="control is-expanded has-icons-left">
-                      <input
-                        {...props.input}
-                        className="input is-normal"
-                        placeholder="Type the issue name"
-                      />
-                      <span className="icon is-small is-left">
-                        <i className="fas fa-journal-whills"></i>
-                      </span>
-                    </p>
-                  )}
-                </Field>
-              </div>
+              <Field name="issueName">
+                {(props) => (
+                  <p className="control is-expanded has-icons-left">
+                    <input
+                      {...props.input}
+                      className="input is-normal"
+                      placeholder="Type the issue name"
+                    />
+                    <span className="icon is-small is-left">
+                      <i className="fas fa-journal-whills"></i>
+                    </span>
+                  </p>
+                )}
+              </Field>
+            </div>
+          </div>
 
+          <div className="field is-horizontal">
+            <div className="field-body">
               <div className="field">
                 <Field name="issueNumber">
                   {(props) => (
-                    <p className="control is-expanded has-icons-left">
+                    <p className="control has-icons-left">
                       <input
                         {...props.input}
                         className="input is-normal"
@@ -74,26 +76,27 @@ export const ComicVineSearchForm = (data) => {
                     </p>
                   )}
                 </Field>
+              </div>
 
-                <div className="field">
-                  <Field name="issueYear">
-                    {(props) => (
-                      <p className="control is-expanded has-icons-left">
-                        <input
-                          {...props.input}
-                          className="input is-normal"
-                          placeholder="Type the issue year"
-                        />
-                        <span className="icon is-small is-left">
-                          <i className="fas fa-hashtag"></i>
-                        </span>
-                      </p>
-                    )}
-                  </Field>
-                </div>
+              <div className="field">
+                <Field name="issueYear">
+                  {(props) => (
+                    <p className="control has-icons-left">
+                      <input
+                        {...props.input}
+                        className="input is-normal"
+                        placeholder="Type the issue year"
+                      />
+                      <span className="icon is-small is-left">
+                        <i className="fas fa-hashtag"></i>
+                      </span>
+                    </p>
+                  )}
+                </Field>
               </div>
             </div>
           </div>
+
           <div className="field is-horizontal">
             <div className="field-body">
               <div className="field">
diff --git a/src/client/components/PullList/PullList.tsx b/src/client/components/PullList/PullList.tsx
index 0fa2518..c9ac7df 100644
--- a/src/client/components/PullList/PullList.tsx
+++ b/src/client/components/PullList/PullList.tsx
@@ -4,7 +4,7 @@ import { getWeeklyPullList } from "../../actions/comicinfo.actions";
 import { useDispatch, useSelector } from "react-redux";
 import Card from "../Carda";
 import ellipsize from "ellipsize";
-import { isNil, isUndefined } from "lodash";
+import { isNil } from "lodash";
 
 export const PullList = (): ReactElement => {
   const pullListComics = useSelector(