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

🔧 WIP Library

Browse Source
This commit is contained in:
Rishi Ghan
2021-08-03 22:11:16 -07:00
parent 24eaeff9bc
commit 7eed36134e
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,6 +10,7 @@ import {
escapePoundSymbol,
} from "../shared/utils/formatting.utils";
import { useTable } from "react-table";
import prettyBytes from "pretty-bytes";
import { useDispatch, useSelector } from "react-redux";
@@ -27,8 +28,9 @@ export const Library = ({}: IComicBookLibraryProps): ReactElement => {
Header: "Comic Metadata",
columns: [
{
Header: "Name",
Header: "File Details",
accessor: "rawFileDetails",
// eslint-disable-next-line react/display-name
Cell: (props) => {
const encodedFilePath = encodeURI(
"http://localhost:3000" +
@@ -36,27 +38,29 @@ export const Library = ({}: IComicBookLibraryProps): ReactElement => {
);
const filePath = escapePoundSymbol(encodedFilePath);
return (
<div className="card-container">
<div className="card">
<div className="is-horizontal">
<div className="card-image">
<figure>
<img className="image" src={filePath} />
</figure>
</div>
<div className="card-content">
<p>{props.cell.value.name}</p>
{props.cell.value.containedIn}
<div className="card-container">
<div className="card">
<div className="is-horizontal">
<div className="card-image">
<figure>
<img className="image" src={filePath} />
</figure>
</div>
<ul className="card-content">
<li>{props.cell.value.name}</li>
<li>{props.cell.value.containedIn}</li>
<li>{prettyBytes(props.cell.value.fileSize)}</li>
</ul>
</div>
</div>
</div>
</div>
);
},
},
{
Header: "Import Status",
accessor: "",
accessor: "importStatus.isImported",
Cell: (props) => `${props.cell.value.toString()}`,
},
],
},