|
|
|
@ -19,12 +19,12 @@ interface IProps {
|
|
|
|
|
|
|
|
|
|
const BookDetailsCard: React.FC<IProps> = (props) => {
|
|
|
|
|
|
|
|
|
|
// const downloadLinkFromIPFS = (gateway: string, book: Book) => {
|
|
|
|
|
// return (
|
|
|
|
|
// `https://${gateway}/ipfs/${book.ipfs_cid}?filename=` +
|
|
|
|
|
// encodeURIComponent(`${book.title}_${book.author}.${book.extension}`)
|
|
|
|
|
// );
|
|
|
|
|
// }
|
|
|
|
|
const downloadLinkFromIPFS = (gateway: string, book: Book) => {
|
|
|
|
|
return (
|
|
|
|
|
`https://${gateway}/ipfs/${book.ipfs_cid}?filename=` +
|
|
|
|
|
encodeURIComponent(`${book.title}_${book.author}.${book.extension}`)
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const { t } = useTranslation();
|
|
|
|
|
|
|
|
|
@ -54,7 +54,7 @@ const BookDetailsCard: React.FC<IProps> = (props) => {
|
|
|
|
|
<Divider />
|
|
|
|
|
<CardBody>
|
|
|
|
|
<SimpleGrid columns={{ sm: 1, md: 3, lg: 4 }} spacing={{ base: 2, md: 4 }}>
|
|
|
|
|
{/* <Description name={`${t('book.id') ?? 'zlib/libgen id'}: `}>{id}</Description> */}
|
|
|
|
|
<Description name={`Id: `}>{id}</Description>
|
|
|
|
|
<GridItem colSpan={{ sm: 1, md: 2, lg: 3 }}>
|
|
|
|
|
<Description name={`${t('book.ipfs_cid') ?? 'IPFS CID'}: `}>
|
|
|
|
|
{ipfs_cid}
|
|
|
|
@ -88,7 +88,7 @@ const BookDetailsCard: React.FC<IProps> = (props) => {
|
|
|
|
|
</CardBody>
|
|
|
|
|
<CardFooter flexDirection="column">
|
|
|
|
|
|
|
|
|
|
{/* <SimpleGrid columns={{ sm: 2, md: 3, lg: 4, xl: 5 }} spacing={{ base: 2, md: 4 }}>
|
|
|
|
|
<SimpleGrid columns={{ sm: 2, md: 3, lg: 4, xl: 5 }} spacing={{ base: 2, md: 4 }}>
|
|
|
|
|
{ipfsGateways.map((gateway) => (
|
|
|
|
|
<Button
|
|
|
|
|
as={ExternalLink}
|
|
|
|
@ -100,9 +100,9 @@ const BookDetailsCard: React.FC<IProps> = (props) => {
|
|
|
|
|
</Button>
|
|
|
|
|
))}
|
|
|
|
|
|
|
|
|
|
</SimpleGrid> */}
|
|
|
|
|
</SimpleGrid>
|
|
|
|
|
|
|
|
|
|
<Flex><Text fontWeight={'bold'}>{t('disclaimer.nolink_warning')}</Text></Flex>
|
|
|
|
|
{/* <Flex><Text fontWeight={'bold'}>{t('disclaimer.nolink_warning')}</Text></Flex> */}
|
|
|
|
|
|
|
|
|
|
<Flex justify="flex-end">
|
|
|
|
|
<Button
|
|
|
|
|