Function FileInner

data-browser/src/views/FilePage.tsx:25–44

({ resource }: ResourcePageProps)

/** A preview + download button for a file */
export function FileInner({ resource }: ResourcePageProps) {
  function handleDownload() {
    window.open(downloadUrl);
  }

  const [downloadUrl] = useString(resource, properties.file.downloadUrl);
  const [bytes] = useNumber(resource, properties.file.filesize);

  const fileSizeString = bytes ? ` (${niceBytes(bytes)})` : '';

  return (
    <div>
      <ValueForm resource={resource} propertyURL={properties.description} />
      <Button onClick={handleDownload}>Download{fileSizeString}</Button>
      <div>
        <FilePreview resource={resource} />
      </div>
    </div>
  );
}

function FilePreview({ resource }: ResourcePageProps) {
  const [url] = useString(resource, properties.file.downloadUrl);