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

🧹 Cleaned up the deck/description for CV sourced volumes

Browse Source
This commit is contained in:
Rishi Ghan
2022-04-06 23:08:53 -07:00
parent 81bdaefdd1
commit 0a315b1ef9
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/components/ComicDetail/Tabs/VolumeInformation.tsx
View File

@@ -1,5 +1,7 @@
import React, { ReactElement } from "react"; import React, { ReactElement } from "react";
import ComicVineDetails from "../ComicVineDetails"; import ComicVineDetails from "../ComicVineDetails";
import { convert } from "html-to-text";
import { isEmpty } from "lodash";
export const VolumeInformation = (props): ReactElement => { export const VolumeInformation = (props): ReactElement => {
const { data } = props; const { data } = props;
@@ -14,12 +16,14 @@ export const VolumeInformation = (props): ReactElement => {
data={data.sourcedMetadata.comicvine} data={data.sourcedMetadata.comicvine}
updatedAt={data.updatedAt} updatedAt={data.updatedAt}
/> />
<div <div className="column is-8">
className="column is-8" {!isEmpty(data.sourcedMetadata.comicvine.description) &&
dangerouslySetInnerHTML={createDescriptionMarkup( convert(data.sourcedMetadata.comicvine.description, {
data.sourcedMetadata.comicvine.volumeInformation.description, baseElements: {
)} selectors: ["p"],
></div> },
})}
</div>
</div> </div>
</div> </div>
); );