pierre/GeneIT
1
0
Fork 0
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

Can import family data from UI

Browse Source
This commit is contained in:
Pierre HUBERT
2023-08-18 15:27:29 +02:00
parent 6c82104cdc
commit 4b0292f0a4
5 changed files with 120 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
geneit_app/src/widgets/forms/UploadPhotoButton.tsx
View File

@ -9,6 +9,7 @@ import getCroppedImg from "../../utils/crop_image";
import UploadIcon from "@mui/icons-material/Upload";
import LinkIcon from "@mui/icons-material/Link";
import { isDebug } from "../../utils/debug_utils";
import { selectFileToUpload } from "../../utils/files_utils";
export function UploadPhotoButton(p: {
label: string;
@ -22,39 +23,20 @@ export function UploadPhotoButton(p: {
const uploadPhoto = async () => {
try {
// Create file element
const fileEl = document.createElement("input");
fileEl.type = "file";
fileEl.accept =
ServerApi.Config.constraints.photo_allowed_types.join(",");
fileEl.click();
const file = await selectFileToUpload({
allowedTypes: ServerApi.Config.constraints.photo_allowed_types,
maxSize: ServerApi.Config.constraints.photo_max_size,
});
// Wait for a file to be chosen
await new Promise((res, _rej) =>
fileEl.addEventListener("change", () => res(null))
);
if (file === null) return;
if ((fileEl.files?.length ?? 0) === 0) return null;
const file = fileEl.files![0];
// Check file size
if (file.size > ServerApi.Config.constraints.photo_max_size) {
await alert(
`Le fichier sélectionné est trop lourd ! (taille maximale acceptée : ${filesize(
ServerApi.Config.constraints.photo_max_size
)})`
);
return;
}
const tempURL = URL.createObjectURL(fileEl.files![0]);
const tempURL = URL.createObjectURL(file);
setImageBlob(file);
setImageURL(tempURL);
} catch (e) {
console.error(e);
alert("Failed to upload custom account image!");
return null;
alert(`Échec de l'envoi de l'image ! (${e})`);
}
};