+
+
+ );
+};
+
+export default Chart;
diff --git a/components/ChartWrapper.js b/components/ChartWrapper.js
new file mode 100644
index 0000000..de849cd
--- /dev/null
+++ b/components/ChartWrapper.js
@@ -0,0 +1,21 @@
+import React, { useRef, useState, useEffect } from 'react';
+import D3Chart from './D3Chart';
+
+const ChartWrapper = () => {
+
+ const chartArea = useRef(null);
+ const [chart, setChart] = useState(null);
+
+ useEffect(() => {
+ if (!chart) {
+ setChart(new D3Chart(chartArea.current));
+ }
+ }, [chart]);
+
+ return (
+
+ );
+
+}
+
+export default ChartWrapper;
\ No newline at end of file
diff --git a/components/CopyField.jsx b/components/CopyField.jsx
index bc37856..865e689 100644
--- a/components/CopyField.jsx
+++ b/components/CopyField.jsx
@@ -3,7 +3,7 @@ import React from "react";
import { Button } from "reactstrap";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
- faCopy,
+ faClone,
faVoteYea,
faExclamationTriangle,
faExternalLinkAlt,
@@ -25,9 +25,10 @@ const CopyField = (props) => {
const { t, value, iconCopy, iconOpen } = props;
return (
-
+
{
onClick={handleClickOnField}
/>
-
+
+
+
+
+
+
+
+ );
+};
+
+export default LoadingScreen;
diff --git a/components/Modal.jsx b/components/Modal.jsx
new file mode 100644
index 0000000..c502450
--- /dev/null
+++ b/components/Modal.jsx
@@ -0,0 +1,62 @@
+import React, { useEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import styled from "styled-components";
+
+const Modal = ({ show, onClose, children, title }) => {
+
+ const handleCloseClick = (e) => {
+ e.preventDefault();
+ onClose();
+ };
+
+ const modalContent = show ? (
+
+
+
+
+ x
+
+
+ {title && {title} }
+ {children}
+
+
+ ) : null;
+
+
+ return (
+ modalContent
+ );
+
+ };
+
+ const StyledModalBody = styled.div`
+ padding-top: 10px;
+ `;
+
+ const StyledModalHeader = styled.div`
+ display: flex;
+ justify-content: flex-end;
+ font-size: 25px;
+ `;
+
+ const StyledModal = styled.div`
+ background: white;
+ width: 500px;
+ height: 600px;
+ border-radius: 15px;
+ padding: 15px;
+ `;
+ const StyledModalOverlay = styled.div`
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: rgba(0, 0, 0, 0.5);
+ `;
+
+ export default Modal;
\ No newline at end of file
diff --git a/components/SystemeVote.jsx b/components/SystemeVote.jsx
new file mode 100644
index 0000000..62df611
--- /dev/null
+++ b/components/SystemeVote.jsx
@@ -0,0 +1,37 @@
+import React, {Fragment} from 'react';
+import Head from 'next/head';
+import dynamic from 'next/dynamic';
+
+
+const Bulles = dynamic(import('./Bulles'), {
+ ssr: false
+})
+
+const nbVotesPassables = 15;
+const nbVotesAssezBien = 200;
+const nbVotesBien = 389;
+const nbVotesTresBien = 12;
+const nbVotesExcellent = 2;
+
+const resultats = [nbVotesPassables, nbVotesAssezBien, nbVotesBien, nbVotesTresBien, nbVotesExcellent];
+
+var totalVotes = 0;
+
+for(var i = 0; i < resultats.length; i++) {
+ totalVotes += resultats[i];
+}
+
+function SystemeVote() {
+
+
+ return (
+
+
+
+ );
+}
+
+export default SystemeVote;
\ No newline at end of file
diff --git a/components/banner/Facebook.jsx b/components/banner/Facebook.jsx
index e710a23..6ac649e 100644
--- a/components/banner/Facebook.jsx
+++ b/components/banner/Facebook.jsx
@@ -6,7 +6,7 @@ import { faFacebookSquare } from "@fortawesome/free-brands-svg-icons";
const Facebook = props => {
const handleClick = () => {
const url =
- "https://www.facebook.com/sharer.php?u=" +
+ "https://www.facebook.com/sharer/sharer.php?u=" +
props.url +
"&t=" +
props.title;
@@ -17,10 +17,9 @@ const Facebook = props => {
);
};
return (
-
+
+ 
+
);
};
diff --git a/components/banner/Gform.jsx b/components/banner/Gform.jsx
index cd20281..8a80274 100644
--- a/components/banner/Gform.jsx
+++ b/components/banner/Gform.jsx
@@ -12,7 +12,6 @@ const Gform = (props) => {
target="_blank"
rel="noopener noreferrer"
>
- 
+
+ );
+};
+
+export default Twitter;
+
+//i
diff --git a/components/form/AddPicture.jsx b/components/form/AddPicture.jsx
new file mode 100644
index 0000000..b858e18
--- /dev/null
+++ b/components/form/AddPicture.jsx
@@ -0,0 +1,37 @@
+import { useState } from "react";
+
+
+
+export default function AddPicture(props) {
+ 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 (
+
+
+ setShow(false)} icon={faTimes} className="mr-2" />
+
+
+
+ );
+ }
+ return null;
+}
+
diff --git a/components/form/ButtonWithConfirm.jsx b/components/form/ButtonWithConfirm.jsx
index 866e963..a18b40d 100644
--- a/components/form/ButtonWithConfirm.jsx
+++ b/components/form/ButtonWithConfirm.jsx
@@ -13,39 +13,41 @@ const ButtonWithConfirm = ({className, label, onDelete}) => {
const toggle = () => setVisibility(!visibled)
return (
-
+
@@ -62,7 +63,7 @@ const CopyField = (props) => {
};
CopyField.defaultProps = {
- iconCopy: faCopy,
+ iconCopy: faClone,
iconOpen: faExternalLinkAlt,
};
diff --git a/components/D3Chart.js b/components/D3Chart.js
new file mode 100644
index 0000000..dd62855
--- /dev/null
+++ b/components/D3Chart.js
@@ -0,0 +1,38 @@
+import * as d3 from 'd3';
+
+const url = "https://udemy-react-d3.firebaseio.com/tallest_men.json";
+
+const WIDTH = 800;
+const HEIGHT = 500;
+
+export default class D3Chart {
+ constructor(element) {
+ const svg = d3.select(element)
+ .append("svg")
+ .attr("width", 800)
+ .attr("height", 500)
+
+ d3.json(url).then(data => {
+ const max = d3.max(data, d => d.height)
+ const y = d3.scaleLinear()
+ .domain([0, max])
+ .range([0, HEIGHT])
+
+ const x = d3.scaleBand()
+ .domain(data.map(d => d.name))
+ .range([0, WIDTH])
+ .padding(0.4)
+
+ const rects = svg.selectAll("rect")
+ .data(data)
+
+ rects.enter()
+ .append("rect")
+ .attr("x", d => x(d.name))
+ .attr("y", d => HEIGHT - y(d.height))
+ .attr("width", x.bandwidth)
+ .attr("height", d => y(d.height))
+ .attr("fill", "grey")
+ })
+ }
+}
\ No newline at end of file
diff --git a/components/LoadingScreen.js b/components/LoadingScreen.js
new file mode 100644
index 0000000..c148442
--- /dev/null
+++ b/components/LoadingScreen.js
@@ -0,0 +1,75 @@
+import React from "react"
+import styled from "styled-components"
+
+const Screen = styled.div`
+ position: relative;
+
+ opacity: 0;
+ animation: fade 0.4s ease-in forwards;
+ background: black;
+
+ @keyframes fade {
+ 0% {
+ opacity: 0.4;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+`;
+
+const Balls = styled.div`
+ display: flex;
+
+
+ .ball {
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: red;
+ margin: 0 6px 0 0;
+ animation: oscillate 0.7s ease-in forwards infinite;
+ }
+
+ .one {
+ animation-delay: 0.5s;
+ }
+ .two {
+ animation-delay: 1s;
+ }
+ .three {
+ animation-delay: 2s;
+ }
+
+ @keyframes oscillate {
+ 0% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(20px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+ }
+`;
+
+
+
+const LoadingScreen = () => {
+ return (
+
{/*
*/}
Le total des votes est de {totalVotes}.
+ +
+
);
};
diff --git a/components/banner/Gform.jsx b/components/banner/Gform.jsx
index cd20281..8a80274 100644
--- a/components/banner/Gform.jsx
+++ b/components/banner/Gform.jsx
@@ -12,7 +12,6 @@ const Gform = (props) => {
target="_blank"
rel="noopener noreferrer"
>
-
+
+
+ );
+};
+
+export default PaypalNoLogo;
diff --git a/components/banner/Twitter.jsx b/components/banner/Twitter.jsx
new file mode 100644
index 0000000..7b115e1
--- /dev/null
+++ b/components/banner/Twitter.jsx
@@ -0,0 +1,29 @@
+/* eslint react/prop-types: 0 */
+import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faFacebookSquare } from "@fortawesome/free-brands-svg-icons";
+
+const Twitter = props => {
+ const handleClick = () => {
+ const url =
+ "https://twitter.com/intent/tweet?text=" +
+
+ props.title +
+ "&t=" +
+ props.url;
+ window.open(
+ url,
+ "",
+ "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700"
+ );
+ };
+ return (
+
+
+
+ );
+};
+
+export default Twitter;
+
+//i
diff --git a/components/form/AddPicture.jsx b/components/form/AddPicture.jsx
new file mode 100644
index 0000000..b858e18
--- /dev/null
+++ b/components/form/AddPicture.jsx
@@ -0,0 +1,37 @@
+import { useState } from "react";
+
+
+
+export default function AddPicture(props) {
+ 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 (
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/components/form/AlertButton.jsx b/components/form/AlertButton.jsx
new file mode 100644
index 0000000..10c1e0a
--- /dev/null
+++ b/components/form/AlertButton.jsx
@@ -0,0 +1,24 @@
+import { useState } from 'react'
+import { Alert, Button } from 'react-bootstrap';
+import { faTimes, faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+export default function AlertDismissibleExample() {
+ const [show, setShow] = useState(true);
+
+ if (show) {
+ return (
+
+
+
+ 
+
+
+
+ Photo (facultatif)
+ +Importer une photo.
format : jpg, png, pdf
+
+
+
+
+
+
+
- {t("Delete?")}
+
- {t("Are you sure to delete")}{" "}
+ {t("Are you sure to delete")}{
} {label && label !== "" ? ( - "{label}" + {label} ) : ( <>{t("the row")} - )}{" "} - ? + )}
-
diff --git a/components/form/CandidateField.jsx b/components/form/CandidateField.jsx
index 168844c..1222a1f 100644
--- a/components/form/CandidateField.jsx
+++ b/components/form/CandidateField.jsx
@@ -1,53 +1,175 @@
-import {useState} from 'react'
+import { useState, useEffect } from 'react'
import ButtonWithConfirm from "./ButtonWithConfirm";
+import TrashButton from "./TrashButton";
import {
Row,
Col,
+ Label,
Input,
InputGroup,
InputGroupAddon,
+ Button, Modal, ModalHeader, ModalBody, ModalFooter
} from "reactstrap";
-import {useTranslation} from "react-i18next";
+import { useTranslation } from "react-i18next";
import {
sortableHandle
} from "react-sortable-hoc";
import HelpButton from "@components/form/HelpButton";
-
-const DragHandle = sortableHandle(({children}) => (
+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 }) => (
{children}
));
-const CandidateField = ({label, candIndex, onDelete, ...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 addCandidate = () => {
+ toggle();
+ 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);
+}
+
+
+
+ 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 (
-
-
-
-
- {candIndex + 1}
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
{t(
"Enter the name of your candidate or proposal here (250 characters max.)"
)}
-
+ */}
);
}
diff --git a/components/form/CandidatesField.jsx b/components/form/CandidatesField.jsx
index db7b690..1fdefea 100644
--- a/components/form/CandidatesField.jsx
+++ b/components/form/CandidatesField.jsx
@@ -16,7 +16,7 @@ import {
} from "react-sortable-hoc";
import arrayMove from "array-move"
import CandidateField from './CandidateField'
-
+import AlertDismissibleExample from './AlertButton'
// const SortableItem = sortableElement(({className, ...childProps}) =>
} {label && label !== "" ? ( - "{label}" + {label} ) : ( <>{t("the row")} - )}{" "} - ? + )}
+
+
+
+
+
+
+
+ Ajouter un participant
+Ajoutez une photo, le nom et une description au candidat.
+
+
+
+
+
+
+
+
+
+ Photo (facultatif)
+ +Importer une photo.
format : jpg, png, pdf
+
+
+
+
+
+
);
}
diff --git a/components/form/ConfirmModal.jsx b/components/form/ConfirmModal.jsx
index fcc23fd..7f3ecc2 100644
--- a/components/form/ConfirmModal.jsx
+++ b/components/form/ConfirmModal.jsx
@@ -1,160 +1,195 @@
-import {useTranslation} from "next-i18next";
-import {useState} from "react";
+import { useTranslation } from "next-i18next";
+import { useState } from "react";
+import TrashButton from "./TrashButton";
import {
faExclamationTriangle,
faCheck,
+ faArrowLeft,
+ faTrashAlt
} from "@fortawesome/free-solid-svg-icons";
-import {Button, Modal, ModalHeader, ModalBody, ModalFooter} from "reactstrap";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from "reactstrap";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-const ConfirmModal = ({tabIndex, title, candidates, grades, isTimeLimited, start, finish, emails, restrictResult, className, confirmCallback}) => {
+const ConfirmModal = ({ tabIndex, title, candidates, grades, isTimeLimited, start, finish, emails, restrictResult, className, confirmCallback }) => {
const [visibled, setVisibility] = useState(false);
- const {t} = useTranslation();
+ const { t } = useTranslation();
const toggle = () => setVisibility(!visibled)
return (
+
{candidates.map((candidate, index) => {
const className = "sortable"
@@ -99,26 +103,18 @@ const CandidatesField = ({onChange}) => {
index={index}
candIndex={index}
label={candidate.label}
+ description={candidate.description}
onDelete={() => removeCandidate(index)}
onChange={(e) => editCandidate(index, e.target.value)}
onKeyPress={(e) => handleKeyPress(e, index)}
+ onAdd={addCandidate}
innerRef={candidate.fieldRef}
/>
)
})}
-
-
-
+
+ Saisissez ici le nom de vos candidats.
+
-
+
+
+
-
- {t("Confirm your vote")}
+
+
+
+ 
+ 
+
+
-
-
+ Les candidats
+ +
+ Paramètres du vote
+ +
+ Confirmation
+ +
-
- {t("Question of the election")}
-
- {title}
-
- {t("Candidates/Proposals")}
-
-
-
- -
- {candidates.map((candidate, i) => {
- if (candidate.label !== "") {
- return (
-
- - {candidate.label} - - ); - } else { - return ; - } - })} -
-
- {t("Dates")}
-
-
- {t("The election will take place from")}{" "}
-
- {start.toLocaleDateString()}, {t("at")}{" "}
- {start.toLocaleTimeString()}
- {" "}
- {t("to")}{" "}
-
- {finish.toLocaleDateString()}, {t("at")}{" "}
- {finish.toLocaleTimeString()}
-
+
+
+
- {t("Le vote")}
+
+
+
+
+
+
+
+
+
+
-
+ {t("Question of the election")}
+
+ {title}
+ +
+ {t("Candidates/Proposals")}
+
+
+
+ -
+ {candidates.map((candidate, i) => {
+ if (candidate.label !== "") {
+ return (
+
- + {candidate.label} + + + ); + } else { + return ; + } + })} +
- {t("Grades")}
-
-
- {grades.map((mention, i) => {
- return i < grades.length ? (
-
- {mention.label}
-
- ) : (
-
- );
- })}
-
-
- {t("Voters' list")}
-
-
- {emails.length > 0 ? (
- emails.join(", ")
- ) : (
-
- {restrictResult ? (
-
- {t("The form contains no address.")}
-
-
- {t(
- "The election will be opened to anyone with the link"
- )}
-
-
- {t("title")}
-
-
-
-
-
-
-
-
-
diff --git a/components/form/EmblaCarouselButtons.jsx b/components/form/EmblaCarouselButtons.jsx
new file mode 100644
index 0000000..503915f
--- /dev/null
+++ b/components/form/EmblaCarouselButtons.jsx
@@ -0,0 +1,33 @@
+import React from "react";
+
+export const DotButton = ({ selected, onClick, value }) => (
+
+);
+
+export const PrevButton = ({ enabled, onClick }) => (
+
+);
+
+export const NextButton = ({ enabled, onClick }) => (
+
+);
diff --git a/components/form/TrashButton.jsx b/components/form/TrashButton.jsx
new file mode 100644
index 0000000..029d1f9
--- /dev/null
+++ b/components/form/TrashButton.jsx
@@ -0,0 +1,53 @@
+import {useState} from "react";
+import {
+ faTrashAlt,
+} from "@fortawesome/free-solid-svg-icons";
+import {Button, Modal, ModalHeader, ModalBody, ModalFooter} from "reactstrap";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useTranslation} from "next-i18next";
+
+const TrashButton = ({className, label, onDelete}) => {
+ const [visibled, setVisibility] = useState(false);
+ const {t} = useTranslation();
+
+ const toggle = () => setVisibility(!visibled)
+
+ return (
+
-
-
-
- {t(
- "The results page will not be accessible until the end date is reached."
- )}{" "}
- ({finish.toLocaleDateString()} {t("at")}{" "}
- {finish.toLocaleTimeString()})
+
+
+ {t("The form contains no address.")}
+
+
+ {t(
+ "The results page will not be accessible until the end date is reached."
+ )}{" "}
+ ({finish.toLocaleDateString()} {t("at")}{" "}
+ {finish.toLocaleTimeString()})
+
+ {t("Les paramètres")}
+
+
- ) : (
-
+
+
+ {t("Dates")}
+
+
+ {t("The election will take place from")}{" "}
+
+ {start.toLocaleDateString()}, {t("at")}{" "}
+ {start.toLocaleTimeString()}
+ {" "}
+ {t("to")}{" "}
+
+ {finish.toLocaleDateString()}, {t("at")}{" "}
+ {finish.toLocaleTimeString()}
+
+
+
+
+ {t("Grades")}
+
+
+ {grades.map((mention, i) => {
+ return i < grades.length ? (
+
+ {mention.label}
-
+ ) : (
+
+ );
+ })}
-
-
+
+
-
- )}
-
- {t("Results available at any time")}
-
+
+
+ {t("Voters' list")}
+
+
+ {emails.length > 0 ? (
+ emails.join(", ")
+ ) : (
+
+
+
+ {t(
+ "The election will be opened to anyone with the link"
+ )}
+
+
+ {restrictResult ? (
+
+
+ ) : (
+
+
+
+
+
+
+ )}
+
+
+ {t("Results available at any time")}
+
+
+
+
+ {t("Are you sure to delete")}{
} + {label && label !== "" ? ( + {label} + ) : ( + <>{t("the row")} + )} +
+
+
+
+
+
+
+ );
+}
+
+export default TrashButton;
diff --git a/components/form/VoteButtonWithConfirm.jsx b/components/form/VoteButtonWithConfirm.jsx
new file mode 100644
index 0000000..f3f4d7f
--- /dev/null
+++ b/components/form/VoteButtonWithConfirm.jsx
@@ -0,0 +1,56 @@
+import { useState } from "react";
+import {
+ faTrashAlt,
+ faCheck
+} from "@fortawesome/free-solid-svg-icons";
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from "reactstrap";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useTranslation } from "next-i18next";
+
+const VoteButtonWithConfirm = ({ action }) => {
+ const [visibled, setVisibility] = useState(false);
+ const { t } = useTranslation();
+
+ const toggle = () => setVisibility(!visibled)
+
+ return (
+ } + {label && label !== "" ? ( + {label} + ) : ( + <>{t("the row")} + )} +
+
+
+ {t("Attention vous n’avez pas votez pour tous les candidats")}
+
+ {t("Si vous validez votre vote, les candidats sans vote auront la mention la plus basse du scrutin.")}
+
+
+
+
+
+
+
+ );
+}
+
+export default VoteButtonWithConfirm;
diff --git a/components/layouts/Footer.jsx b/components/layouts/Footer.jsx
index ab22ec0..0f7abc7 100644
--- a/components/layouts/Footer.jsx
+++ b/components/layouts/Footer.jsx
@@ -2,6 +2,8 @@ import Link from "next/link";
import { useTranslation } from "next-i18next";
import Paypal from "../banner/Paypal";
import { useBbox } from "./useBbox";
+import { Button, Row, Col } from "reactstrap";
+import LanguageSelector from "./LanguageSelector";
const Footer = () => {
const linkStyle = { whiteSpace: "nowrap" };
@@ -12,81 +14,68 @@ const Footer = () => {
const [bboxLink3, link3] = useBbox();
const [bboxLink4, link4] = useBbox();
const [bboxLink5, link5] = useBbox();
- const [bboxLink6, link6] = useBbox();
- const [bboxLink7, link7] = useBbox();
return (
);
diff --git a/components/layouts/Header.jsx b/components/layouts/Header.jsx
index f738561..270208d 100644
--- a/components/layouts/Header.jsx
+++ b/components/layouts/Header.jsx
@@ -1,61 +1,125 @@
/* eslint react/prop-types: 0 */
-import {useState} from "react";
-import {Collapse, Navbar, NavbarToggler, Nav, NavItem} from "reactstrap";
+import { useState } from "react";
+import {
+ Collapse,
+ Navbar,
+ NavbarToggler,
+ Nav,
+ NavItem,
+ Button,
+} from "reactstrap";
import Link from "next/link";
-import Head from "next/head";
-import {useTranslation} from 'next-i18next'
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faRocket} from "@fortawesome/free-solid-svg-icons";
+import { useTranslation } from "next-i18next";
import LanguageSelector from "./LanguageSelector";
-
+import Accordion from "react-bootstrap/Accordion";
const Header = () => {
- const [isOpen, setOpen] = useState(false)
+ const [isOpen, setOpen] = useState(false);
const toggle = () => setOpen(!isOpen);
- const {t} = useTranslation()
+ const { t } = useTranslation("common");
+
return (
- <>
-
-
-
-
-
- 
-
-
-
-
-
-
-