49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
import Layout from '../../../components/layout'
|
|
import { ITEM_OTS } from '../../../fragments/items'
|
|
import { getGetServerSideProps } from '../../../api/ssrApollo'
|
|
import stringifyCanon from 'canonical-json'
|
|
import Button from 'react-bootstrap/Button'
|
|
import { useQuery } from '@apollo/client'
|
|
import { useRouter } from 'next/router'
|
|
import PageLoading from '../../../components/page-loading'
|
|
|
|
export const getServerSideProps = getGetServerSideProps(ITEM_OTS, null,
|
|
data => !data.item || !data.item.otsHash)
|
|
|
|
export default function OtsItem ({ ssrData }) {
|
|
const router = useRouter()
|
|
const { data } = useQuery(ITEM_OTS, { variables: { id: router.query.id } })
|
|
if (!data && !ssrData) return <PageLoading />
|
|
|
|
const { item } = data || ssrData
|
|
|
|
return (
|
|
<Layout seo={false}>
|
|
<Ots item={item} />
|
|
</Layout>
|
|
)
|
|
}
|
|
|
|
function Ots ({ item }) {
|
|
const itemString = stringifyCanon({ parentHash: item.parentOtsHash, title: item.title, text: item.text, url: item.url })
|
|
|
|
return (
|
|
<>
|
|
<div className='form-label'>sha256 hash</div>
|
|
{item.otsHash}
|
|
<div className='form-label mt-2'>preimage</div>
|
|
{item.deletedAt
|
|
? <div>item was deleted by author - original preimage is lost</div>
|
|
: (
|
|
<pre
|
|
className='mb-2 p-2 rounded'
|
|
style={{ whiteSpace: 'pre-wrap', wordWrap: 'break-word', border: '1px solid var(--theme-borderColor)', color: 'var(--theme-color)' }}
|
|
>{itemString}
|
|
</pre>)}
|
|
<Button href={`/api/ots/preimage/${item.id}`} className='mt-1' variant='grey-medium'>download preimage</Button>
|
|
<div className='form-label mt-2'>merkle proof</div>
|
|
<Button href={`/api/ots/proof/${item.id}`} className='mt-1' variant='grey-medium'>download ots file</Button>
|
|
</>
|
|
)
|
|
}
|