fix(create-page): show other file types in content

Closes #147

src/components/FileList/index.tsx

@@ -1,8 +1,6 @@
 import { CurrentUserFile } from '../../types/file.ts'
 import styles from './style.module.scss'
 import { Button } from '@mui/material'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faCheck } from '@fortawesome/free-solid-svg-icons'
 
 interface FileListProps {
   files: CurrentUserFile[]
@@ -28,14 +26,8 @@ const FileList = ({
               className={`${styles.fileItem} ${isActive(file) && styles.active}`}
               onClick={() => setCurrentFile(file)}
             >
-              <div className={styles.fileNumber}>{file.id}</div>
+              <span className={styles.fileNumber}>{file.id}</span>
-              <div className={styles.fileInfo}>
+              <span className={styles.fileName}>{file.filename}</span>
-                <div className={styles.fileName}>{file.filename}</div>
-              </div>
-
-              <div className={styles.fileVisual}>
-                {file.isHashValid && <FontAwesomeIcon icon={faCheck} />}
-              </div>
             </li>
           ))}
         </ul>

src/components/FileList/style.module.scss

@@ -21,12 +21,6 @@ ul {
   padding: 0; /* Removes default padding */
 }
 
-li {
-  list-style-type: none; /* Removes the bullets */
-  margin: 0; /* Removes any default margin */
-  padding: 0; /* Removes any default padding */
-}
-
 .wrap {
   display: flex;
   flex-direction: column;
@@ -87,12 +81,6 @@ li {
   color: white;
 }
 
-.fileInfo {
-  flex-grow: 1;
-  font-size: 16px;
-  font-weight: 500;
-}
-
 .fileName {
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -108,15 +96,4 @@ li {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  width: 10px;
-}
-
-.fileVisual {
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 25px;
-  width: 25px;
 }

src/pages/sign/index.tsx

@@ -952,7 +952,7 @@ export const SignPage = () => {
 
   return (
     <PdfMarking
-      files={getCurrentUserFiles(files, currentFileHashes, creatorFileHashes)}
+      files={getCurrentUserFiles(files, currentFileHashes)}
       currentUserMarks={currentUserMarks}
       setIsReadyToSign={setIsReadyToSign}
       setCurrentUserMarks={setCurrentUserMarks}

src/pages/verify/index.tsx

@@ -170,23 +170,17 @@ export const VerifyPage = () => {
 
   const [currentFileHashes, setCurrentFileHashes] = useState<{
     [key: string]: string | null
-  }>({})
+  }>(fileHashes)
   const [files, setFiles] = useState<{ [filename: string]: PdfFile }>({})
   const [currentFile, setCurrentFile] = useState<CurrentUserFile | null>(null)
-  const [signatureFileHashes, setSignatureFileHashes] = useState<{
-    [key: string]: string
-  }>(fileHashes)
-
-  useEffect(() => {
-    setSignatureFileHashes(fileHashes)
-  }, [fileHashes])
 
   useEffect(() => {
     if (Object.entries(files).length > 0) {
-      const tmp = getCurrentUserFiles(files, fileHashes, signatureFileHashes)
+      const tmp = getCurrentUserFiles(files, fileHashes)
+
       setCurrentFile(tmp[0])
     }
-  }, [signatureFileHashes, fileHashes, files])
+  }, [fileHashes, files])
 
   const usersPubkey = useSelector((state: State) => state.auth.usersPubkey)
   const nostrController = NostrController.getInstance()
@@ -530,11 +524,7 @@ export const VerifyPage = () => {
               <>
                 {currentFile !== null && (
                   <FileList
-                    files={getCurrentUserFiles(
+                    files={getCurrentUserFiles(files, currentFileHashes)}
-                      files,
-                      currentFileHashes,
-                      signatureFileHashes
-                    )}
                     currentFile={currentFile}
                     setCurrentFile={setCurrentFile}
                     handleDownload={handleExport}
@@ -547,11 +537,7 @@ export const VerifyPage = () => {
           >
             <SlimPdfView
               currentFile={currentFile}
-              files={getCurrentUserFiles(
+              files={getCurrentUserFiles(files, currentFileHashes)}
-                files,
-                currentFileHashes,
-                signatureFileHashes
-              )}
               parsedSignatureEvents={parsedSignatureEvents}
             />
           </StickySideColumns>

src/types/file.ts

@@ -5,5 +5,4 @@ export interface CurrentUserFile {
   pdfFile: PdfFile
   filename: string
   hash?: string
-  isHashValid: boolean
 }

src/utils/utils.ts

@@ -72,20 +72,17 @@ export const timeout = (ms: number = 60000) => {
  * including its name, hash, and content
  * @param files
  * @param fileHashes
- * @param creatorFileHashes
  */
 export const getCurrentUserFiles = (
   files: { [filename: string]: PdfFile },
-  fileHashes: { [key: string]: string | null },
+  fileHashes: { [key: string]: string | null }
-  creatorFileHashes: { [key: string]: string }
 ): CurrentUserFile[] => {
   return Object.entries(files).map(([filename, pdfFile], index) => {
     return {
       pdfFile,
       filename,
       id: index + 1,
-      ...(!!fileHashes[filename] && { hash: fileHashes[filename]! }),
+      ...(!!fileHashes[filename] && { hash: fileHashes[filename]! })
-      isHashValid: creatorFileHashes[filename] === fileHashes[filename]
     }
   })
 }