sigit/sigit.io
6
2
Fork 0
Code Issues 55 Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

fix: loading spinner states, timestamp the file, and lint fixes
All checks were successful
Open PR on Staging / audit_and_check (pull_request) Successful in 33s
Details

Browse Source
This commit is contained in:
enes 2024-08-08 12:49:55 +02:00
parent 5015cefe98
commit 748cb16f9f
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/create/index.tsx
View File

@ -24,7 +24,7 @@ import JSZip from 'jszip'
import { MuiFileInput } from 'mui-file-input' import { MuiFileInput } from 'mui-file-input'
import { Event, kinds } from 'nostr-tools' import { Event, kinds } from 'nostr-tools'
import { useEffect, useRef, useState } from 'react' import { useEffect, useRef, useState } from 'react'
import { DndProvider, useDrag, useDrop } from 'react-dnd' import { DndProvider, DragSourceMonitor, useDrag, useDrop } from 'react-dnd'
import { HTML5Backend } from 'react-dnd-html5-backend' import { HTML5Backend } from 'react-dnd-html5-backend'
import { useSelector } from 'react-redux' import { useSelector } from 'react-redux'
import { useLocation, useNavigate } from 'react-router-dom' import { useLocation, useNavigate } from 'react-router-dom'
@ -127,7 +127,7 @@ export const CreatePage = () => {
}) })
} }
}) })
}, []) }, [metadata, users])
// Set up event listener for authentication event // Set up event listener for authentication event
nostrController.on('nsecbunker-auth', (url) => { nostrController.on('nsecbunker-auth', (url) => {
setAuthUrl(url) setAuthUrl(url)
@ -309,14 +309,16 @@ export const CreatePage = () => {
} }
// Handle errors during file arrayBuffer conversion // Handle errors during file arrayBuffer conversion
const handleFileError = (file: File) => (err: any) => { const handleFileError = (file: File) => (err: unknown) => {
console.log( console.log(
`Error while getting arrayBuffer of file ${file.name} :>> `, `Error while getting arrayBuffer of file ${file.name} :>> `,
err err
) )
if (err instanceof Error) {
toast.error( toast.error(
err.message || `Error while getting arrayBuffer of file ${file.name}` err.message || `Error while getting arrayBuffer of file ${file.name}`
) )
}
return null return null
} }
@ -368,10 +370,12 @@ export const CreatePage = () => {
} }
// Handle errors during zip file generation // Handle errors during zip file generation
const handleZipError = (err: any) => { const handleZipError = (err: unknown) => {
console.log('Error in zip:>> ', err) console.log('Error in zip:>> ', err)
setIsLoading(false) setIsLoading(false)
if (err instanceof Error) {
toast.error(err.message || 'Error occurred in generating zip file') toast.error(err.message || 'Error occurred in generating zip file')
}
return null return null
} }
@ -438,10 +442,12 @@ export const CreatePage = () => {
} }
// Handle errors during file upload // Handle errors during file upload
const handleUploadError = (err: any) => { const handleUploadError = (err: unknown) => {
console.log('Error in upload:>> ', err) console.log('Error in upload:>> ', err)
setIsLoading(false) setIsLoading(false)
if (err instanceof Error) {
toast.error(err.message || 'Error occurred in uploading file') toast.error(err.message || 'Error occurred in uploading file')
}
return null return null
} }
@ -474,9 +480,13 @@ export const CreatePage = () => {
encryptionKey encryptionKey
) )
if (!finalZipFile) return if (!finalZipFile) {
setIsLoading(false)
return
}
saveAs(finalZipFile, 'request.sigit.zip') saveAs(finalZipFile, `request-${now()}.sigit.zip`)
setIsLoading(false)
} }
const generateFilesZip = async (): Promise<ArrayBuffer | null> => { const generateFilesZip = async (): Promise<ArrayBuffer | null> => {
@ -659,9 +669,11 @@ export const CreatePage = () => {
} }
const arrayBuffer = await generateZipFile(zip) const arrayBuffer = await generateZipFile(zip)
if (!arrayBuffer) return if (!arrayBuffer) {
setIsLoading(false)
return
}
setLoadingSpinnerDesc('Encrypting zip file')
const encryptedArrayBuffer = await encryptZipFile( const encryptedArrayBuffer = await encryptZipFile(
arrayBuffer, arrayBuffer,
encryptionKey encryptionKey
@ -967,7 +979,7 @@ const SignerRow = ({
item: () => { item: () => {
return { id: user.pubkey, index } return { id: user.pubkey, index }
}, },
collect: (monitor: any) => ({ collect: (monitor: DragSourceMonitor) => ({
isDragging: monitor.isDragging() isDragging: monitor.isDragging()
}) })
}) })