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

📕 Added recently imported section to dashboard

Browse Source
This commit is contained in:
Rishi Ghan
2021-06-10 16:18:44 -07:00
parent 1cfe2b215d
commit 62b55a4bd8
9 changed files with 144 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/client/components/Card.tsx
View File

@@ -3,7 +3,7 @@ import { IExtractedComicBookCoverFile } from "../../server/interfaces/folder.int
import { map, isUndefined, isEmpty } from "lodash";
interface IProps {
comicBookCoversMetadata: IExtractedComicBookCoverFile[];
comicBookCoversMetadata: IExtractedComicBookCoverFile;
}
interface IState {}
@@ -20,58 +20,38 @@ class Card extends React.Component<IProps, IState> {
return input;
};
public drawCoverCard = (
metadata: IExtractedComicBookCoverFile[],
): JSX.Element[] => {
return map(metadata, (item: any, idx: number) => {
return (
<div key={idx}>
<div className="card">
<div className="is-horizontal">
<div className="card-image">
<figure className="image">
<img
src={
"http://localhost:3000" +
this.removeLeadingPeriod(
item.comicBookCoverMetadata.path,
) +
"/" +
item.comicBookCoverMetadata.name
}
alt="Placeholder image"
/>
</figure>
</div>
<div className="card-content">
<ul>
<li className="has-text-weight-semibold">
{item.comicBookCoverMetadata.name}
</li>
<li className="truncate">
{item.comicBookCoverMetadata.path}
</li>
<li className="status">
{item.dbImportResult.importStatus.isImported && (
<div className="tags has-addons">
<a className="tag">
<span className="icon has-text-success-dark">
<i className="fas fa-file-import"></i>
</span>
</a>
<span className="tag is-success">Imported</span>
</div>
)}
</li>
</ul>
</div>
metadata: IExtractedComicBookCoverFile,
): JSX.Element => {
return (
<div>
<div className="card">
<div>
<div className="card-image">
<figure className="image">
<img
src={
"http://localhost:3000" +
this.removeLeadingPeriod(metadata.path) +
"/" +
metadata.name
}
alt="Placeholder image"
/>
</figure>
</div>
<div className="card-content">
<ul>
<li className="has-text-weight-semibold">{metadata.name}</li>
</ul>
</div>
</div>
</div>
);
});
</div>
);
};
public render() {
console.log(this.props.comicBookCoversMetadata);
return (
<>
{!isUndefined(this.props.comicBookCoversMetadata) &&