-
-
- 
-
-
-
+ const [image, setImage] = useState(null);
+ const [createObjectURL, setCreateObjectURL] = useState(null);
+
+ const uploadToClient = (event) => {
+ if (event.target.files && event.target.files[0]) {
+ const i = event.target.files[0];
+
+ setImage(i);
+ setCreateObjectURL(URL.createObjectURL(i));
+ }
+ };
+
+ return (
+ Photo (facultatif)
- -Importer une photo.
format : jpg, png, pdf
-
-
-
-
+
- );
-}
\ No newline at end of file
+ );
+}
diff --git a/components/form/CandidateField.jsx b/components/form/CandidateField.jsx
index 1222a1f..973e9d3 100644
--- a/components/form/CandidateField.jsx
+++ b/components/form/CandidateField.jsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import {useState, useEffect} from 'react'
import ButtonWithConfirm from "./ButtonWithConfirm";
import TrashButton from "./TrashButton";
import {
@@ -10,7 +10,7 @@ import {
InputGroupAddon,
Button, Modal, ModalHeader, ModalBody, ModalFooter
} from "reactstrap";
-import { useTranslation } from "react-i18next";
+import {useTranslation} from "react-i18next";
import {
sortableHandle
} from "react-sortable-hoc";
@@ -19,72 +19,72 @@ import AddPicture from "@components/form/AddPicture";
import {
faPlus, faCogs, faCheck, faTrash
} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-const DragHandle = sortableHandle(({ children }) => (
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+const DragHandle = sortableHandle(({children}) => (
{children}
));
-const CandidateField = ({ avatar, label, description, candIndex, onDelete, onAdd, ...inputProps }) => {
- const { t } = useTranslation();
+const CandidateField = ({avatar, label, description, candIndex, onDelete, onAdd, ...inputProps}) => {
+ const {t} = useTranslation();
const [visibled, setVisibility] = useState(false);
const toggle = () => setVisibility(!visibled)
const [selected, setSelectedState] = useState(false);
- const [className , setClassName] = useState("none");
- const [trashIcon , setTrashIcon] = useState("none");
- const [plusIcon , setPlusIcon] = useState("none");
-
+ const [className, setClassName] = useState("none");
+ const [trashIcon, setTrashIcon] = useState("none");
+ const [plusIcon, setPlusIcon] = useState("none");
+
const addCandidate = () => {
toggle();
- onAdd();
+ onAdd();
}
useEffect(() => {
setClassName("candidateButton " + (selected ? "candidateAdded" : ""))
-}, [selected] );
-useEffect(() => {
- setPlusIcon("mr-2 cursorPointer " + (selected ? "trashIcon" : ""))
-}, [selected] );
-useEffect(() => {
- setTrashIcon("trashIcon " + (selected ? "displayTrash" : ""))
-}, [selected] );
-
-const addFunction = () => {
- addCandidate();
- setSelectedState(!selected);
-}
+ }, [selected]);
+ useEffect(() => {
+ setPlusIcon("mr-2 cursorPointer " + (selected ? "trashIcon" : ""))
+ }, [selected]);
+ useEffect(() => {
+ setTrashIcon("trashIcon " + (selected ? "displayTrash" : ""))
+ }, [selected]);
+
+ const addFunction = () => {
+ addCandidate();
+ setSelectedState(!selected);
+ }
const [image, setImage] = useState(null);
- const [createObjectURL, setCreateObjectURL] = useState(null);
+ const [createObjectURL, setCreateObjectURL] = useState(null);
+
+ const uploadToClient = (event) => {
+ if (event.target.files && event.target.files[0]) {
+ const i = event.target.files[0];
- const uploadToClient = (event) => {
- if (event.target.files && event.target.files[0]) {
- const i = event.target.files[0];
+ setImage(i);
+ setCreateObjectURL(URL.createObjectURL(i));
- setImage(i);
- setCreateObjectURL(URL.createObjectURL(i));
-
-
- }
- };
-
+ }
+ };
+
+
return (
+
+
+
+
+
+ Photo (facultatif)
+ +Importer une photo.
format : jpg, png, pdf
+
+ ddpi
+
+ 
@@ -153,8 +153,8 @@ const addFunction = () => {
autoFocus
/>
- 
+ 
-
+