frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🔧 Fixing CV manual search form

Browse Source
This commit is contained in:
Rishi Ghan
2022-11-17 13:46:20 -08:00
parent 7babf9f73d
commit af5f443cbe
2 changed files with 39 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/client/components/ComicVineSearchForm.tsx
View File

@@ -23,8 +23,8 @@ export const ComicVineSearchForm = (data) => {
number: value.issueNumber, number: value.issueNumber,
subtitle: "", subtitle: "",
year: value.issueYear, year: value.issueYear,
} },
} };
dispatch(fetchComicVineMatches(data, userInititatedQuery)); dispatch(fetchComicVineMatches(data, userInititatedQuery));
}, []); }, []);
const validate = () => { const validate = () => {
@@ -42,27 +42,29 @@ export const ComicVineSearchForm = (data) => {
</span> </span>
<div className="field is-horizontal"> <div className="field is-horizontal">
<div className="field-body"> <div className="field-body">
<div className="field"> <Field name="issueName">
<Field name="issueName"> {(props) => (
{(props) => ( <p className="control is-expanded has-icons-left">
<p className="control is-expanded has-icons-left"> <input
<input {...props.input}
{...props.input} className="input is-normal"
className="input is-normal" placeholder="Type the issue name"
placeholder="Type the issue name" />
/> <span className="icon is-small is-left">
<span className="icon is-small is-left"> <i className="fas fa-journal-whills"></i>
<i className="fas fa-journal-whills"></i> </span>
</span> </p>
</p> )}
)} </Field>
</Field> </div>
</div> </div>
<div className="field is-horizontal">
<div className="field-body">
<div className="field"> <div className="field">
<Field name="issueNumber"> <Field name="issueNumber">
{(props) => ( {(props) => (
<p className="control is-expanded has-icons-left"> <p className="control has-icons-left">
<input <input
{...props.input} {...props.input}
className="input is-normal" className="input is-normal"
@@ -74,26 +76,27 @@ export const ComicVineSearchForm = (data) => {
</p> </p>
)} )}
</Field> </Field>
</div>
<div className="field"> <div className="field">
<Field name="issueYear"> <Field name="issueYear">
{(props) => ( {(props) => (
<p className="control is-expanded has-icons-left"> <p className="control has-icons-left">
<input <input
{...props.input} {...props.input}
className="input is-normal" className="input is-normal"
placeholder="Type the issue year" placeholder="Type the issue year"
/> />
<span className="icon is-small is-left"> <span className="icon is-small is-left">
<i className="fas fa-hashtag"></i> <i className="fas fa-hashtag"></i>
</span> </span>
</p> </p>
)} )}
</Field> </Field>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="field is-horizontal"> <div className="field is-horizontal">
<div className="field-body"> <div className="field-body">
<div className="field"> <div className="field">

2
src/client/components/PullList/PullList.tsx
View File

@@ -4,7 +4,7 @@ import { getWeeklyPullList } from "../../actions/comicinfo.actions";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import Card from "../Carda"; import Card from "../Carda";
import ellipsize from "ellipsize"; import ellipsize from "ellipsize";
import { isNil, isUndefined } from "lodash"; import { isNil } from "lodash";
export const PullList = (): ReactElement => { export const PullList = (): ReactElement => {
const pullListComics = useSelector( const pullListComics = useSelector(