feat: add image opening functionality to DownloadActionBar (#725)

* feat: add image opening functionality to DownloadActionBar and Share components

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

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
           </SwarmButton>
         )}
+        {isImage && (
+          <SwarmButton onClick={onOpen} iconType={Link} disabled={loading}>
+            Open Image
+          </SwarmButton>
+        )}
         <SwarmButton onClick={onDownload} iconType={Download} disabled={loading} loading={loading}>
           Download
         </SwarmButton>

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}
       />
     </>