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

🔧 Started work on Edit Metadata panel

Browse Source
This commit is contained in:
Rishi Ghan
2024-01-08 15:45:10 -05:00
parent 3b11b648c6
commit a2005fcadb
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -123,7 +123,7 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
}, },
editComicBookMetadata: { editComicBookMetadata: {
content: () => <EditMetadataPanel />, content: () => <EditMetadataPanel data={rawFileDetails} />,
}, },
}; };

4
src/client/components/ComicDetail/EditMetadataPanel.tsx
View File

@@ -9,6 +9,8 @@ export const EditMetadataPanel = (props): ReactElement => {
const validate = async () => {}; const validate = async () => {};
const onSubmit = async () => {}; const onSubmit = async () => {};
const { data } = props;
const AsyncSelectPaginateAdapter = ({ input, ...rest }) => { const AsyncSelectPaginateAdapter = ({ input, ...rest }) => {
return ( return (
<AsyncSelectPaginate <AsyncSelectPaginate
@@ -62,7 +64,7 @@ export const EditMetadataPanel = (props): ReactElement => {
name="issue_name" name="issue_name"
component="input" component="input"
className="input" className="input"
initialValue={rawFileDetails} initialValue={data.name}
placeholder={"Issue Name"} placeholder={"Issue Name"}
/> />
<span className="icon is-small is-left"> <span className="icon is-small is-left">

6
src/client/components/Library/Library.tsx
View File

@@ -248,7 +248,7 @@ export const Library = (): ReactElement => {
<div> <div>
<section> <section>
<header className="bg-slate-200 dark:bg-slate-500"> <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="sm:flex sm:items-center sm:justify-between">
<div className="text-center sm:text-left"> <div className="text-center sm:text-left">
<h1 className="text-2xl font-bold text-gray-900 dark:text-white sm:text-3xl"> <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> </div>
) : ( ) : (
<> <div className="mx-auto max-w-screen-xl mt-5">
<article <article
role="alert" 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" 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} ) : null}
</pre> </pre>
</div> </div>
</> </div>
)} )}
</section> </section>
</div> </div>