diff --git a/frontend/src/components/share/modals/showCreateReverseShareModal.tsx b/frontend/src/components/share/modals/showCreateReverseShareModal.tsx
index 6704cfe3..69432dd8 100644
--- a/frontend/src/components/share/modals/showCreateReverseShareModal.tsx
+++ b/frontend/src/components/share/modals/showCreateReverseShareModal.tsx
@@ -23,7 +23,7 @@ import showCompletedReverseShareModal from "./showCompletedReverseShareModal";
const showCreateReverseShareModal = (
modals: ModalsContextProps,
showSendEmailNotificationOption: boolean,
- getReverseShares: () => void,
+ getReverseShares: () => void
) => {
return modals.openModal({
title: "Create reverse share",
@@ -64,7 +64,7 @@ const Body = ({
values.expiration_num + values.expiration_unit,
values.maxShareSize,
values.maxUseCount,
- values.sendEmailNotification,
+ values.sendEmailNotification
)
.then(({ link }) => {
modals.closeAll();
@@ -150,7 +150,7 @@ const Body = ({
expiresOn: t("account.reverseShare.expires-on"),
neverExpires: t("account.reverseShare.never-expires"),
},
- form,
+ form
)}
@@ -174,7 +174,7 @@ const Body = ({
labelPosition="left"
label={t("account.reverseShares.modal.send-email")}
description={t(
- "account.reverseShares.modal.send-email.description",
+ "account.reverseShares.modal.send-email.description"
)}
{...form.getInputProps("sendEmailNotification", {
type: "checkbox",
diff --git a/frontend/src/components/upload/modals/showCreateUploadModal.tsx b/frontend/src/components/upload/modals/showCreateUploadModal.tsx
index 7f6abf37..aec6dd73 100644
--- a/frontend/src/components/upload/modals/showCreateUploadModal.tsx
+++ b/frontend/src/components/upload/modals/showCreateUploadModal.tsx
@@ -38,7 +38,7 @@ const showCreateUploadModal = (
allowUnauthenticatedShares: boolean;
enableEmailRecepients: boolean;
},
- uploadCallback: (createShare: CreateShare) => void,
+ uploadCallback: (createShare: CreateShare) => void
) => {
const t = translateOutsideContext();
@@ -152,7 +152,7 @@ const CreateUploadModalBody = ({
"link",
Buffer.from(Math.random().toString(), "utf8")
.toString("base64")
- .substr(10, 7),
+ .substr(10, 7)
)
}
>
@@ -251,7 +251,7 @@ const CreateUploadModalBody = ({
neverExpires: t("upload.modal.completed.never-expires"),
expiresOn: t("upload.modal.completed.expires-on"),
},
- form,
+ form
)}
>
@@ -266,7 +266,7 @@ const CreateUploadModalBody = ({
@@ -283,14 +283,14 @@ const CreateUploadModalBody = ({
data={form.values.recipients}
placeholder={t("upload.modal.accordion.email.placeholder")}
searchable
- {...form.getInputProps("recipients")}
creatable
+ autoComplete="email-recipients"
getCreateLabel={(query) => `+ ${query}`}
onCreate={(query) => {
if (!query.match(/^\S+@\S+\.\S+$/)) {
form.setFieldError(
"recipients",
- t("upload.modal.accordion.email.invalid-email"),
+ t("upload.modal.accordion.email.invalid-email")
);
} else {
form.setFieldError("recipients", null);
@@ -301,6 +301,7 @@ const CreateUploadModalBody = ({
return query;
}
}}
+ {...form.getInputProps("recipients")}
/>
@@ -315,9 +316,10 @@ const CreateUploadModalBody = ({