chore: formatter fix

src/pages/home/index.tsx

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

src/pages/sign/index.tsx

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

src/pages/verify/index.tsx

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