🔧 Added checks to stats modules

This commit is contained in:
2022-02-15 21:25:17 -08:00
parent 635e70ba81
commit 829bc488c8
7 changed files with 36 additions and 31 deletions

View File

@@ -53,14 +53,15 @@ export const Dashboard = (): ReactElement => {
</span>{" "}
files
</dd>
{!isUndefined(libraryStatistics.statistics) && (
<dd className="is-size-6">
<span className="has-text-weight-bold">
{libraryStatistics.statistics[0].issues.length}
</span>{" "}
tagged with ComicVine
</dd>
)}
{!isUndefined(libraryStatistics.statistics) &&
!isEmpty(libraryStatistics.statistics[0].issues) && (
<dd className="is-size-6">
<span className="has-text-weight-bold">
{libraryStatistics.statistics[0].issues.length}
</span>{" "}
tagged with ComicVine
</dd>
)}
<dd className="is-size-6">
<span className="has-text-weight-bold">1304</span> with
custom metadata
@@ -82,24 +83,27 @@ export const Dashboard = (): ReactElement => {
{/* file types */}
<div className="box stats-palette p-3 column ml-5">
<dl>
{!isUndefined(libraryStatistics.statistics) && (
<dd className="is-size-6">
<span className="has-text-weight-bold">
{
libraryStatistics.statistics[0]
.publisherWithMostComicsInLibrary[0]._id
}
</span>
{" has the most issues "}(
<span className="has-text-weight-bold">
{
libraryStatistics.statistics[0]
.publisherWithMostComicsInLibrary[0].count
}
</span>
)
</dd>
)}
{!isUndefined(libraryStatistics.statistics) &&
!isEmpty(
libraryStatistics.statistics[0]
.publisherWithMostComicsInLibrary[0],
) && (
<dd className="is-size-6">
<span className="has-text-weight-bold">
{
libraryStatistics.statistics[0]
.publisherWithMostComicsInLibrary[0]._id
}
</span>
{" has the most issues "}
<span className="has-text-weight-bold">
{
libraryStatistics.statistics[0]
.publisherWithMostComicsInLibrary[0].count
}
</span>
</dd>
)}
<dd className="is-size-6">
<span className="has-text-weight-bold">304</span> Volumes
</dd>

View File

@@ -85,12 +85,12 @@ export const PullList = ({ issues }: PullListProps): ReactElement => {
<div className="field has-addons">
<div className="control">
<button className="button is-rounded is-small" onClick={previous}>
<i className="fa-solid fa-caret-left"></i>
<i className="fa-solid fa-caret-left"></i>
</button>
</div>
<div className="control">
<button className="button is-rounded is-small" onClick={next}>
<i className="fa-solid fa-caret-right"></i>
<i className="fa-solid fa-caret-right"></i>
</button>
</div>
</div>