diff --git a/src/components/@shared/FormFields/FilesInput/Info.module.css b/src/components/@shared/FormFields/FilesInput/Info.module.css index a9a95d6d8..990e0ceed 100644 --- a/src/components/@shared/FormFields/FilesInput/Info.module.css +++ b/src/components/@shared/FormFields/FilesInput/Info.module.css @@ -31,6 +31,10 @@ padding-right: calc(var(--spacer) / 2); } +.hideUrl { + filter: blur(0.2rem); +} + .warning { margin-top: calc(var(--spacer) / 3); margin-left: 0; diff --git a/src/components/@shared/FormFields/FilesInput/Info.tsx b/src/components/@shared/FormFields/FilesInput/Info.tsx index 2f1e8b782..d156ff3b1 100644 --- a/src/components/@shared/FormFields/FilesInput/Info.tsx +++ b/src/components/@shared/FormFields/FilesInput/Info.tsx @@ -6,18 +6,22 @@ import { FileInfo as FileInfoData } from '@oceanprotocol/lib' export default function FileInfo({ file, - handleClose + handleClose, + hideUrl }: { file: FileInfoData handleClose(): void + hideUrl?: boolean }): ReactElement { const contentTypeCleaned = file.contentType ? cleanupContentType(file.contentType) : null return ( -
-

{file.url}

+
+

+ {file.url} +