From 0bfe5803892d651f1a887d6c3cc69ae9d22dd54d Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 6 Jan 2022 05:17:09 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Added=20=5F=5Fstr=5F=5F=20key=20?=
 =?UTF-8?q?to=20the=20series=20AsyncSelectPaginate=20populator?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/actions/metron.actions.tsx                         | 2 +-
 .../ComicDetail/AsyncSelectPaginate/AsyncSelectPaginate.tsx   | 2 --
 src/client/components/ComicDetail/EditMetadataPanel.tsx       | 4 ----
 3 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/client/actions/metron.actions.tsx b/src/client/actions/metron.actions.tsx
index d49ca64..d73fd78 100644
--- a/src/client/actions/metron.actions.tsx
+++ b/src/client/actions/metron.actions.tsx
@@ -11,7 +11,7 @@ export const fetchMetronResource = async (options) => {
   console.log("has more? ", !isNil(metronResourceResults.data.next));
   const results = metronResourceResults.data.results.map((result) => {
     return {
-      label: result.name,
+      label: result.name || result.__str__,
       value: result.id,
     };
   });
diff --git a/src/client/components/ComicDetail/AsyncSelectPaginate/AsyncSelectPaginate.tsx b/src/client/components/ComicDetail/AsyncSelectPaginate/AsyncSelectPaginate.tsx
index d64e609..9dbd6be 100644
--- a/src/client/components/ComicDetail/AsyncSelectPaginate/AsyncSelectPaginate.tsx
+++ b/src/client/components/ComicDetail/AsyncSelectPaginate/AsyncSelectPaginate.tsx
@@ -6,12 +6,10 @@ import { withAsyncPaginate } from "react-select-async-paginate";
 const CreatableAsyncPaginate = withAsyncPaginate(Creatable);
 
 export const AsyncSelectPaginate = (props): ReactElement => {
-  console.log(props);
   const [value, onValueChange] = useState(null);
   const [isAddingInProgress, setIsAddingInProgress] = useState(false);
 
   const mudasir = useCallback((query, loadedOptions, { page }) => {
-    console.log(page);
     return fetchMetronResource({
       method: "GET",
       resource: props.metronResource,
diff --git a/src/client/components/ComicDetail/EditMetadataPanel.tsx b/src/client/components/ComicDetail/EditMetadataPanel.tsx
index 1e681a7..82645c9 100644
--- a/src/client/components/ComicDetail/EditMetadataPanel.tsx
+++ b/src/client/components/ComicDetail/EditMetadataPanel.tsx
@@ -15,10 +15,6 @@ export const EditMetadataPanel = (props): ReactElement => {
   };
   const dispatch = useDispatch();
 
-  const [seriesValue, onSeriesValueChange] = useState(null);
-  const [creatorValue, onCreatorValueChange] = useState(null);
-  const [isAddingInProgress, setIsAddingInProgress] = useState(false);
-
   return (
     <>
       <Form