diff --git a/src/modules/filemanager/components/AdminStatusBar/AdminStatusBar.tsx b/src/modules/filemanager/components/AdminStatusBar/AdminStatusBar.tsx
index f5f6367..53f348c 100644
--- a/src/modules/filemanager/components/AdminStatusBar/AdminStatusBar.tsx
+++ b/src/modules/filemanager/components/AdminStatusBar/AdminStatusBar.tsx
@@ -12,6 +12,7 @@ import { UpgradeDriveModal } from '../UpgradeDriveModal/UpgradeDriveModal'
import { UpgradeTimeoutModal } from '../UpgradeTimeoutModal/UpgradeTimeoutModal'
import { FILE_MANAGER_EVENTS, POLLING_TIMEOUT_MS } from '../../constants/common'
import { useStampPolling } from '../../hooks/useStampPolling'
+import { TOOLTIPS } from '../../constants/tooltips'
interface AdminStatusBarProps {
adminStamp: PostageBatch | null
@@ -226,10 +227,7 @@ export function AdminStatusBar({
File Manager Available: Until: {expiresAt}
-
+
{renderModalsAndOverlays()}
diff --git a/src/modules/filemanager/components/PrivateKeyModal/PrivateKeyModal.tsx b/src/modules/filemanager/components/PrivateKeyModal/PrivateKeyModal.tsx
index ab9026f..8e00b91 100644
--- a/src/modules/filemanager/components/PrivateKeyModal/PrivateKeyModal.tsx
+++ b/src/modules/filemanager/components/PrivateKeyModal/PrivateKeyModal.tsx
@@ -2,6 +2,7 @@ import { useState, ReactElement, useEffect } from 'react'
import './PrivateKeyModal.scss'
import { Button } from '../Button/Button'
import { setSignerPk, getSigner } from '../../utils/common'
+import { uuidV4 } from '../../../../utils'
import { PrivateKey } from '@ethersphere/bee-js'
import ClipboardIcon from 'remixicon-react/FileCopyLineIcon'
import CheckDoubleLineIcon from 'remixicon-react/CheckDoubleLineIcon'
@@ -31,7 +32,7 @@ export function PrivateKeyModal({ onSaved }: Props): ReactElement {
}
const handleGenerateNew = () => {
- const id = crypto.randomUUID()
+ const id = uuidV4()
const signer = getSigner(id)
const privKey = signer.toHex()
diff --git a/src/modules/filemanager/constants/tooltips.ts b/src/modules/filemanager/constants/tooltips.ts
index 859a897..c663b58 100644
--- a/src/modules/filemanager/constants/tooltips.ts
+++ b/src/modules/filemanager/constants/tooltips.ts
@@ -53,6 +53,8 @@ This action will do two things:
ADMIN_PURCHASE_BUTTON_ALREADY_EXISTED_ADMIN_DRIVE: `${getTitleWithStyle('Create Admin Drive')}
It will create the Admin Drive.`,
+ ADMIN_STATUS_WARNING:
+ 'The File Manager works only while your storage remains valid. If it expires, all catalogue metadata is permanently lost.',
// Drive Creation
DRIVE_NAME: `${getTitleWithStyle('About Drive Name')}
diff --git a/src/modules/filemanager/utils/bee.ts b/src/modules/filemanager/utils/bee.ts
index fbffd4e..47bb479 100644
--- a/src/modules/filemanager/utils/bee.ts
+++ b/src/modules/filemanager/utils/bee.ts
@@ -172,6 +172,7 @@ export const handleCreateDrive = async (options: CreateDriveOptions): Promise(false)
const [isCreationInProgress, setIsCreationInProgress] = useState(false)
const [showConnectionError, setShowConnectionError] = useState(false)
+ const [cacheHelpUrl, setCacheHelpUrl] = useState(cacheClearUrls[BrowserPlatform.Chrome])
const { status } = useContext(BeeContext)
const { beeApi } = useContext(SettingsContext)
@@ -36,6 +38,13 @@ export function FileManagerPage(): ReactElement {
useEffect(() => {
isMountedRef.current = true
+ const getBrowserPlatform = async () => {
+ const browserPlatform = await detectBrowser()
+ setCacheHelpUrl(cacheClearUrls[browserPlatform])
+ }
+
+ getBrowserPlatform()
+
return () => {
isMountedRef.current = false
}
@@ -162,8 +171,21 @@ export function FileManagerPage(): ReactElement {
+ Your File Manager state appears invalid. Please{' '}
+
+ clear the browser cache
+ {' '}
+ and reload the page. Then you can reset the File Manager to continue.
+
+ }
+ confirmLabel="Continue"
onConfirm={() => {
setShowResetModal(false)
}}
diff --git a/src/pages/not-found/PageNotFound.tsx b/src/pages/not-found/PageNotFound.tsx
index 51b9f08..d7f2cca 100644
--- a/src/pages/not-found/PageNotFound.tsx
+++ b/src/pages/not-found/PageNotFound.tsx
@@ -1,13 +1,15 @@
import { ReactElement } from 'react'
import { HistoryHeader } from '../../components/HistoryHeader'
import { Typography } from '@material-ui/core'
+import { Link } from 'react-router-dom'
+import { ROUTES } from '../../routes'
export default function PageNotFound(): ReactElement {
return (
Page not found
- The given url is invalid. Please go back or navigate to Home screen.
+ The given url is invalid. Please go back or navigate to Home screen.