From a2005fcadb64c0658d393c277295e0db5cb44204 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Mon, 8 Jan 2024 15:45:10 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Started=20work=20on=20Edit=20Met?=
 =?UTF-8?q?adata=20panel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/ComicDetail/ComicDetail.tsx       | 2 +-
 src/client/components/ComicDetail/EditMetadataPanel.tsx | 4 +++-
 src/client/components/Library/Library.tsx               | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/client/components/ComicDetail/ComicDetail.tsx b/src/client/components/ComicDetail/ComicDetail.tsx
index 652facc..477b7fc 100644
--- a/src/client/components/ComicDetail/ComicDetail.tsx
+++ b/src/client/components/ComicDetail/ComicDetail.tsx
@@ -123,7 +123,7 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
     },
 
     editComicBookMetadata: {
-      content: () => <EditMetadataPanel />,
+      content: () => <EditMetadataPanel data={rawFileDetails} />,
     },
   };
 
diff --git a/src/client/components/ComicDetail/EditMetadataPanel.tsx b/src/client/components/ComicDetail/EditMetadataPanel.tsx
index b911370..8111a98 100644
--- a/src/client/components/ComicDetail/EditMetadataPanel.tsx
+++ b/src/client/components/ComicDetail/EditMetadataPanel.tsx
@@ -9,6 +9,8 @@ export const EditMetadataPanel = (props): ReactElement => {
   const validate = async () => {};
   const onSubmit = async () => {};
 
+  const { data } = props;
+
   const AsyncSelectPaginateAdapter = ({ input, ...rest }) => {
     return (
       <AsyncSelectPaginate
@@ -62,7 +64,7 @@ export const EditMetadataPanel = (props): ReactElement => {
                       name="issue_name"
                       component="input"
                       className="input"
-                      initialValue={rawFileDetails}
+                      initialValue={data.name}
                       placeholder={"Issue Name"}
                     />
                     <span className="icon is-small is-left">
diff --git a/src/client/components/Library/Library.tsx b/src/client/components/Library/Library.tsx
index 6d8f725..b4525af 100644
--- a/src/client/components/Library/Library.tsx
+++ b/src/client/components/Library/Library.tsx
@@ -248,7 +248,7 @@ export const Library = (): ReactElement => {
     <div>
       <section>
         <header className="bg-slate-200 dark:bg-slate-500">
-          <div className="mx-auto max-w-screen-xl px-2 py-2 sm:px-6 sm:py-8 lg:px-8 lg:py-4">
+          <div className="px-2 py-2 sm:px-6 sm:py-8 lg:px-8 lg:py-4">
             <div className="sm:flex sm:items-center sm:justify-between">
               <div className="text-center sm:text-left">
                 <h1 className="text-2xl font-bold text-gray-900 dark:text-white sm:text-3xl">
@@ -280,7 +280,7 @@ export const Library = (): ReactElement => {
             </div>
           </div>
         ) : (
-          <>
+          <div className="mx-auto max-w-screen-xl mt-5">
             <article
               role="alert"
               className="rounded-lg max-w-screen-md border-s-4 border-yellow-500 bg-yellow-50 p-4 dark:border-s-4 dark:border-yellow-600 dark:bg-yellow-300 dark:text-slate-600"
@@ -306,7 +306,7 @@ export const Library = (): ReactElement => {
                 ) : null}
               </pre>
             </div>
-          </>
+          </div>
         )}
       </section>
     </div>