Infrastructure/pingvin-share
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2025-01-15 01:14:27 -05:00
Code Issues Activity

Worked on issue Feature Add email recipients more efficiently issue #500 (#510)

Browse source 
* Worked on issue #500 Feature Add email recipients more efficiently

* Worked on issue #500 Feature Add email recipients more efficiently both features added

* Removed log

* refactor: run formatter

---------

Co-authored-by: Rahul Mishra <rahul07@Rahuls-Laptop.local>
Co-authored-by: Elias Schneider <login@eliasschneider.com>
This commit is contained in:
IRahul MIshra 2024-06-30 23:23:41 +05:30 • committed by GitHub
parent 6d6b9e81ff
commit db2720ab7b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/components/upload/modals/showCreateUploadModal.tsx
View file

@ -30,6 +30,7 @@ import shareService from "../../../services/share.service";
import { FileUpload } from "../../../types/File.type"; import { FileUpload } from "../../../types/File.type";
import { CreateShare } from "../../../types/share.type"; import { CreateShare } from "../../../types/share.type";
import { getExpirationPreview } from "../../../utils/date.util"; import { getExpirationPreview } from "../../../utils/date.util";
import React from "react";
const showCreateUploadModal = ( const showCreateUploadModal = (
modals: ModalsContextProps, modals: ModalsContextProps,
@ -242,7 +243,6 @@ const CreateUploadModalBody = ({
disabled={form.values.never_expires} disabled={form.values.never_expires}
{...form.getInputProps("expiration_unit")} {...form.getInputProps("expiration_unit")}
data={[ data={[
// Set the label to singular if the number is 1, else plural
{ {
value: "-minutes", value: "-minutes",
label: label:
@ -347,7 +347,9 @@ const CreateUploadModalBody = ({
placeholder={t("upload.modal.accordion.email.placeholder")} placeholder={t("upload.modal.accordion.email.placeholder")}
searchable searchable
creatable creatable
autoComplete="email-recipients" id="recipient_email"
autoComplete="email"
type="email"
getCreateLabel={(query) => `+ ${query}`} getCreateLabel={(query) => `+ ${query}`}
onCreate={(query) => { onCreate={(query) => {
if (!query.match(/^\S+@\S+\.\S+$/)) { if (!query.match(/^\S+@\S+\.\S+$/)) {
@ -365,6 +367,25 @@ const CreateUploadModalBody = ({
} }
}} }}
{...form.getInputProps("recipients")} {...form.getInputProps("recipients")}
onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
// Add email on comma or semicolon
if (e.key === "," || e.key === ";") {
e.preventDefault();
const inputValue = (
e.target as HTMLInputElement
).value.trim();
if (inputValue.match(/^\S+@\S+\.\S+$/)) {
form.setFieldValue("recipients", [
...form.values.recipients,
inputValue,
]);
(e.target as HTMLInputElement).value = "";
}
} else if (e.key === " ") {
e.preventDefault();
(e.target as HTMLInputElement).value = "";
}
}}
/> />
</Accordion.Panel> </Accordion.Panel>
</Accordion.Item> </Accordion.Item>