fix: link_randomuuid_cache (#718)

* fix: [SPDV-828] use react router link instead of href
* fix: auto import issue
* fix: replace randomuuid with getRandomValues=
* fix: reset FM states if state is invalid
* fix: use no-cache for stamp fetch
* fix: clear cache and reload message
* fix: shallReset flag
* fix: identify browser platform and set help url accordingly
* fix: edge browser detection
* fix: use fallback chrome and verify for safari

---------

Co-authored-by: Nandor Komlodi <nandor.komlodi@gmail.com>
Co-authored-by: Balint Ujvari <balint.ujvari@solarpunk.buzz>

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({
 
           <div>File Manager Available: Until: {expiresAt}</div>
 
-          <Tooltip
-            label="The File Manager works only while your storage remains valid. If it expires, all catalogue metadata is
-            permanently lost."
-          />
+          <Tooltip label={TOOLTIPS.ADMIN_STATUS_WARNING} />
         </div>
 
         {renderModalsAndOverlays()}

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()
 

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')}

src/modules/filemanager/utils/bee.ts

@@ -172,6 +172,7 @@ export const handleCreateDrive = async (options: CreateDriveOptions): Promise<vo
 
       batchId = await beeApi.buyStorage(size, duration, { label }, undefined, encryption, redundancyLevel)
     } else {
+      // TODO: redundant, fm checks for stamp validtiy
       const isValid = await validateStampStillExists(beeApi, existingBatch.batchID)
 
       if (!isValid) {