sigit/sigit.io
7
2
Fork 0
Code Issues 51 Pull Requests 3 Actions Packages Projects 1 Releases Wiki Activity

issue-25 #42

Merged
s merged 12 commits from issue-25 into main 2024-05-16 06:45:59 +00:00
Conversation 0 Commits 12 Files Changed 12 +32 -32
3 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c6dcbc845d - Show all commits

2
src/pages/home/index.tsx
View File

@ -16,7 +16,7 @@ export const HomePage = () => {
</Button> </Button>
<Button <Button
onClick={() => navigate(appPrivateRoutes.sign)} onClick={() => navigate(appPrivateRoutes.sign)}
variant='contained' variant="contained"
> >
Sign Sign
</Button> </Button>

36
src/pages/sign/index.tsx
View File

@ -469,10 +469,10 @@ export const SignPage = () => {
if (authUrl) { if (authUrl) {
return ( return (
<iframe <iframe
title='Nsecbunker auth' title="Nsecbunker auth"
src={authUrl} src={authUrl}
width='100%' width="100%"
height='500px' height="500px"
/> />
) )
} }
@ -483,21 +483,21 @@ export const SignPage = () => {
<Box className={styles.container}> <Box className={styles.container}>
{displayInput && ( {displayInput && (
<> <>
<Typography component='label' variant='h6'> <Typography component="label" variant="h6">
Select sigit file Select sigit file
</Typography> </Typography>
<Box className={styles.inputBlock}> <Box className={styles.inputBlock}>
<MuiFileInput <MuiFileInput
placeholder='Select file' placeholder="Select file"
value={selectedFile} value={selectedFile}
onChange={(value) => setSelectedFile(value)} onChange={(value) => setSelectedFile(value)}
/> />
{selectedFile && ( {selectedFile && (
<TextField <TextField
label='Encryption Key' label="Encryption Key"
variant='outlined' variant="outlined"
value={encryptionKey} value={encryptionKey}
onChange={(e) => setEncryptionKey(e.target.value)} onChange={(e) => setEncryptionKey(e.target.value)}
/> />
@ -506,7 +506,7 @@ export const SignPage = () => {
{selectedFile && encryptionKey && ( {selectedFile && encryptionKey && (
<Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}> <Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}>
<Button onClick={handleDecrypt} variant='contained'> <Button onClick={handleDecrypt} variant="contained">
Decrypt Decrypt
</Button> </Button>
</Box> </Box>
@ -518,7 +518,7 @@ export const SignPage = () => {
<> <>
<DisplayMeta meta={meta} nextSigner={nextSinger} /> <DisplayMeta meta={meta} nextSigner={nextSinger} />
<Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}> <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
<Button onClick={handleExport} variant='contained'> <Button onClick={handleExport} variant="contained">
Export Export
</Button> </Button>
</Box> </Box>
@ -533,7 +533,7 @@ export const SignPage = () => {
<> <>
<DisplayMeta meta={meta} nextSigner={nextSinger} /> <DisplayMeta meta={meta} nextSigner={nextSinger} />
<Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}> <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
<Button onClick={handleSign} variant='contained'> <Button onClick={handleSign} variant="contained">
Sign Sign
</Button> </Button>
</Box> </Box>
@ -670,7 +670,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
gap: '15px' gap: '15px'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Submitted By Submitted By
</Typography> </Typography>
<Box className={styles.user}> <Box className={styles.user}>
@ -680,8 +680,8 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
metadata[meta.submittedBy]?.picture || metadata[meta.submittedBy]?.picture ||
getRoboImageUrl(meta.submittedBy) getRoboImageUrl(meta.submittedBy)
} }
alt='Profile Image' alt="Profile Image"
className='profile-image' className="profile-image"
style={{ style={{
borderWidth: '3px', borderWidth: '3px',
borderStyle: 'solid', borderStyle: 'solid',
@ -689,7 +689,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
}} }}
/> />
<Link to={getProfileRoute(meta.submittedBy)}> <Link to={getProfileRoute(meta.submittedBy)}>
<Typography component='label' className={styles.name}> <Typography component="label" className={styles.name}>
{metadata[meta.submittedBy]?.display_name || {metadata[meta.submittedBy]?.display_name ||
metadata[meta.submittedBy]?.name || metadata[meta.submittedBy]?.name ||
shorten(hexToNpub(meta.submittedBy))} shorten(hexToNpub(meta.submittedBy))}
@ -704,7 +704,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
alignItems: 'flex-start' alignItems: 'flex-start'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Files Files
</Typography> </Typography>
<ul> <ul>
@ -750,8 +750,8 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
<img <img
onError={imageLoadError} onError={imageLoadError}
src={userMeta?.picture || roboUrl} src={userMeta?.picture || roboUrl}
alt='Profile Image' alt="Profile Image"
className='profile-image' className="profile-image"
style={{ style={{
borderWidth: '3px', borderWidth: '3px',
borderStyle: 'solid', borderStyle: 'solid',
@ -759,7 +759,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
}} }}
/> />
<Link to={getProfileRoute(user.pubkey)}> <Link to={getProfileRoute(user.pubkey)}>
<Typography component='label' className={styles.name}> <Typography component="label" className={styles.name}>
{userMeta?.display_name || {userMeta?.display_name ||
userMeta?.name || userMeta?.name ||
shorten(npub)} shorten(npub)}

26
src/pages/verify/index.tsx
View File

@ -147,8 +147,8 @@ export const VerifyPage = () => {
<img <img
onError={imageLoadError} onError={imageLoadError}
src={profile?.picture || getRoboImageUrl(pubkey)} src={profile?.picture || getRoboImageUrl(pubkey)}
alt='Profile Image' alt="Profile Image"
className='profile-image' className="profile-image"
style={{ style={{
borderWidth: '3px', borderWidth: '3px',
borderStyle: 'solid', borderStyle: 'solid',
@ -156,14 +156,14 @@ export const VerifyPage = () => {
}} }}
/> />
<Link to={getProfileRoute(pubkey)}> <Link to={getProfileRoute(pubkey)}>
<Typography component='label' className={styles.name}> <Typography component="label" className={styles.name}>
{profile?.display_name || {profile?.display_name ||
profile?.name || profile?.name ||
shorten(hexToNpub(pubkey))} shorten(hexToNpub(pubkey))}
</Typography> </Typography>
</Link> </Link>
{verifySignature && ( {verifySignature && (
<Typography component='label'> <Typography component="label">
({isValidSignature ? 'Valid' : 'Not Valid'} Signature) ({isValidSignature ? 'Valid' : 'Not Valid'} Signature)
</Typography> </Typography>
)} )}
@ -184,7 +184,7 @@ export const VerifyPage = () => {
} else { } else {
toast.error(`Invalid export signature!`) toast.error(`Invalid export signature!`)
return ( return (
<Typography component='label' sx={{ color: 'red' }}> <Typography component="label" sx={{ color: 'red' }}>
Invalid export signature Invalid export signature
</Typography> </Typography>
) )
@ -201,12 +201,12 @@ export const VerifyPage = () => {
<Box className={styles.container}> <Box className={styles.container}>
{!meta && ( {!meta && (
<> <>
<Typography component='label' variant='h6'> <Typography component="label" variant="h6">
Select exported zip file Select exported zip file
</Typography> </Typography>
<MuiFileInput <MuiFileInput
placeholder='Select file' placeholder="Select file"
value={selectedFile} value={selectedFile}
onChange={(value) => setSelectedFile(value)} onChange={(value) => setSelectedFile(value)}
InputProps={{ InputProps={{
@ -218,7 +218,7 @@ export const VerifyPage = () => {
{selectedFile && ( {selectedFile && (
<Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}> <Box sx={{ mt: 2, display: 'flex', justifyContent: 'center' }}>
<Button onClick={handleVerify} variant='contained'> <Button onClick={handleVerify} variant="contained">
Verify Verify
</Button> </Button>
</Box> </Box>
@ -245,7 +245,7 @@ export const VerifyPage = () => {
gap: '15px' gap: '15px'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Submitted By Submitted By
</Typography> </Typography>
{displayUser(meta.submittedBy)} {displayUser(meta.submittedBy)}
@ -257,7 +257,7 @@ export const VerifyPage = () => {
gap: '15px' gap: '15px'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Exported By Exported By
</Typography> </Typography>
{displayExportedBy()} {displayExportedBy()}
@ -271,7 +271,7 @@ export const VerifyPage = () => {
alignItems: 'flex-start' alignItems: 'flex-start'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Signers Signers
</Typography> </Typography>
<ul className={styles.usersList}> <ul className={styles.usersList}>
@ -292,7 +292,7 @@ export const VerifyPage = () => {
alignItems: 'flex-start' alignItems: 'flex-start'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Viewers Viewers
</Typography> </Typography>
<ul className={styles.usersList}> <ul className={styles.usersList}>
@ -312,7 +312,7 @@ export const VerifyPage = () => {
alignItems: 'flex-start' alignItems: 'flex-start'
}} }}
> >
<Typography variant='h6' sx={{ color: textColor }}> <Typography variant="h6" sx={{ color: textColor }}>
Files Files
</Typography> </Typography>
<ul> <ul>