issue-25 #42
@ -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>
|
||||||
|
@ -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)}
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user