diff --git a/src/components/FileList/index.tsx b/src/components/FileList/index.tsx
index 7cd30eb..53557a5 100644
--- a/src/components/FileList/index.tsx
+++ b/src/components/FileList/index.tsx
@@ -9,13 +9,15 @@ interface FileListProps {
currentFile: CurrentUserFile
setCurrentFile: (file: CurrentUserFile) => void
handleDownload: () => void
+ downloadLabel?: string
}
const FileList = ({
files,
currentFile,
setCurrentFile,
- handleDownload
+ handleDownload,
+ downloadLabel
}: FileListProps) => {
const isActive = (file: CurrentUserFile) => file.id === currentFile.id
return (
@@ -41,7 +43,7 @@ const FileList = ({
)
diff --git a/src/components/MarkFormField/style.module.scss b/src/components/MarkFormField/style.module.scss
index ef80df0..1275038 100644
--- a/src/components/MarkFormField/style.module.scss
+++ b/src/components/MarkFormField/style.module.scss
@@ -41,6 +41,67 @@
background: #447592;
color: white;
}
+
+ .actionButtons {
+ display: flex;
+ flex-direction: row;
+ grid-gap: 5px;
+ }
+
+ .actionsBottom {
+ display: flex;
+ flex-direction: row;
+ grid-gap: 5px;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .submitButton {
+ width: 100%;
+ max-width: 300px;
+ margin-top: 10px;
+ }
+
+ .paginationButton {
+ font-size: 12px;
+ padding: 5px 10px;
+ border-radius: 3px;
+ background: rgba(0, 0, 0, 0.1);
+ color: rgba(0, 0, 0, 0.5);
+ }
+
+ .paginationButton:hover {
+ background: #447592;
+ color: rgba(255, 255, 255, 0.5);
+ }
+
+ .paginationButtonDone {
+ background: #5e8eab;
+ color: rgb(255, 255, 255);
+ }
+
+ .paginationButtonCurrent {
+ height: 2px;
+ width: 100%;
+ background: #4c82a3;
+ }
+
+ .trigger {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ }
+
+ .triggerBtn {
+ background: white;
+ color: #434343;
+ padding: 5px 30px;
+ box-shadow: 0px -3px 4px 0 rgb(0, 0, 0, 0.1);
+ position: absolute;
+ top: -25px;
+ }
}
.actions {
@@ -92,12 +153,6 @@
position: relative;
}
-.actionButtons {
- display: flex;
- flex-direction: row;
- grid-gap: 5px;
-}
-
.inputWrapper {
display: flex;
flex-direction: column;
@@ -132,20 +187,6 @@
linear-gradient(white, white);
}
-.actionsBottom {
- display: flex;
- flex-direction: row;
- grid-gap: 5px;
- justify-content: center;
- align-items: center;
-}
-
-.submitButton {
- width: 100%;
- max-width: 300px;
- margin-top: 10px;
-}
-
.footerContainer {
display: flex;
flex-direction: row;
@@ -167,44 +208,3 @@
flex-direction: column;
grid-gap: 5px;
}
-
-.paginationButton {
- font-size: 12px;
- padding: 5px 10px;
- border-radius: 3px;
- background: rgba(0, 0, 0, 0.1);
- color: rgba(0, 0, 0, 0.5);
-}
-
-.paginationButton:hover {
- background: #447592;
- color: rgba(255, 255, 255, 0.5);
-}
-
-.paginationButtonDone {
- background: #5e8eab;
- color: rgb(255, 255, 255);
-}
-
-.paginationButtonCurrent {
- height: 2px;
- width: 100%;
- background: #4c82a3;
-}
-
-.trigger {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- position: relative;
-}
-
-.triggerBtn {
- background: white;
- color: #434343;
- padding: 5px 30px;
- box-shadow: 0px -3px 4px 0 rgb(0, 0, 0, 0.1);
- position: absolute;
- top: -25px;
-}
diff --git a/src/hooks/useSigitProfiles.tsx b/src/hooks/useSigitProfiles.tsx
index 8178dd7..88d6c50 100644
--- a/src/hooks/useSigitProfiles.tsx
+++ b/src/hooks/useSigitProfiles.tsx
@@ -64,7 +64,8 @@ export const useSigitProfiles = (
})
}
}
- }, [pubkeys, profileMetadata])
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [pubkeys])
return profileMetadata
}
diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index ee34646..8a73012 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -133,7 +133,7 @@ export const CreatePage = () => {
identifier: MarkType.TEXT,
icon: