jmeta"1HDDYoa3BpcewvLFBRpdaLvygDw2TvH3ab@f1cdbbaca02c768f1b4314dbd01fb880623577ebfea0daddda52831b79d681c4|"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutMÝ
import React from 'react';
import { RouteComponentProps, withRouter } from 'react-router';
import { MetanetNode } from '../metanet/metanet-node';
interface FileDataProps extends RouteComponentProps {
metanetNode: MetanetNode;
data: string | null;
}
const FileData = withRouter<FileDataProps>(({metanetNode, data}) => {
if (!data) {
return null;
}
let fileText = null;
let img = null;
let svg = null;
let video = null;
if (data) {
if (metanetNode.mimeType.startsWith('video') || metanetNode.mimeType.startsWith('audio')) {
video = <div className='video-container'>
<video controls src={data} />
</div>
} else if (metanetNode.mimeType === 'image/svg+xml') {
svg = (
<div id='svg-data' dangerouslySetInnerHTML={{__html: data}}>
</div>
);
} else if (metanetNode.mimeType.startsWith('image/')) {
img = (
<div id='img-data-container'>
<img id="img-data" src={data} alt={metanetNode.name} />
</div>
);
} else {
fileText = (
<pre id='text'>{data}</pre>
);
}
}
return (
<div id='file-data'>
{fileText}
{img}
{svg}
{video}
</div>
);
});
export default FileData; FileData.tsx|"1D1PdbxVxcjfovTATC3ginxjj4enTgxLyYSHA-512@Wvx, tľH|ÉÇ'q¤¶üž+gÇY¹¯!RHª£
¤ý£b§<°Er7/ Ol lÞ¬|"179UZJnghXeAMzH4kBRqLpqeoHRaefwyd2 m/0/5/2/8|"14aRXSJYPorVuDNET3CzCWZmKh8K7dfqT7Jolonhttps://twitter.com/jolonCuratorFreejolon@moneybutton.com0.10AUD|"14aRXSJYPorVuDNET3CzCWZmKh8K7dfqT7 Codeonchainhttps://twitter.com/jolonWebFree"codeonchainnetwork@moneybutton.com0.20AUD
https://whatsonchain.com/tx/618ff7d35b3bfec10e9c55ed56cd5bb7c9cf2c75db4c953939ecfcdaa5a3a385