diff --git a/src/pages/files/DownloadActionBar.tsx b/src/pages/files/DownloadActionBar.tsx
index b047a89..0bc2532 100644
--- a/src/pages/files/DownloadActionBar.tsx
+++ b/src/pages/files/DownloadActionBar.tsx
@@ -14,6 +14,7 @@ interface Props {
onDownload: () => void
onUpdateFeed: () => void
hasIndexDocument: boolean
+ isImage: boolean
loading: boolean
}
@@ -23,6 +24,7 @@ export function DownloadActionBar({
onDownload,
onUpdateFeed,
hasIndexDocument,
+ isImage,
loading,
}: Props): ReactElement {
return (
@@ -33,6 +35,11 @@ export function DownloadActionBar({
View Website
)}
+ {isImage && (
+
+ Open Image
+
+ )}
Download
diff --git a/src/pages/files/Share.tsx b/src/pages/files/Share.tsx
index 0adb44a..09d878c 100644
--- a/src/pages/files/Share.tsx
+++ b/src/pages/files/Share.tsx
@@ -104,7 +104,7 @@ export function Share(): ReactElement {
}
function onOpen() {
- window.open(`${apiUrl}/bzz/${hash}/`, '_blank')
+ window.open(`${apiUrl}/bzz/${hash}/`, '_blank', 'noopener,noreferrer')
}
function onClose() {
@@ -239,6 +239,7 @@ export function Share(): ReactElement {
onDownload={onDownload}
onUpdateFeed={onUpdateFeed}
hasIndexDocument={Boolean(metadata?.isWebsite)}
+ isImage={Boolean(metadata?.isImage)}
loading={downloading}
/>
>