From 809d86758cca2f98226d83b3eeca01eceeacd8e6 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Tue, 11 May 2021 16:37:15 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=B9=20Reformat=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/PageSwitcher.js             |  2 +-
 code/frontend/src/components/base/Button.js   |  2 +-
 .../src/components/base/ButtonSidebar.js      |  2 +-
 .../src/components/base/ButtonSmallX.js       |  2 +-
 .../src/components/base/InputWithIcon.js      |  4 +-
 code/frontend/src/components/base/Loading.js  |  2 +-
 code/frontend/src/components/base/Radio.js    |  1 +
 code/frontend/src/components/base/TextArea.js |  5 +-
 .../components/base/formparts/FormLabel.js    |  2 +-
 .../interactive/BoxConditionDatetime.js       |  8 +--
 .../interactive/BoxConditionHashtag.js        |  4 +-
 .../components/interactive/BoxConditionMap.js | 25 ++++----
 .../interactive/BoxConditionUser.js           |  4 +-
 .../components/interactive/BoxConditions.js   |  2 +-
 .../src/components/interactive/BoxLoggedIn.js |  8 ++-
 .../src/components/interactive/BoxLogin.js    | 12 ++--
 .../interactive/BoxRepositoriesActive.js      |  4 +-
 .../interactive/BoxRepositoriesArchived.js    |  4 +-
 .../interactive/BoxRepositoryCreate.js        | 49 ++++++++-------
 .../components/interactive/BoxSetServer.js    |  2 +-
 .../components/interactive/ConditionBadge.js  | 14 +++--
 .../components/interactive/CurrentServer.js   |  4 +-
 .../components/interactive/Layout.module.css  |  3 +-
 .../components/interactive/LoggedInUser.js    |  2 +-
 .../src/components/interactive/Logo.js        |  6 +-
 .../interactive/RepositorySummaryBase.js      | 60 +++++++++----------
 .../RepositorySummaryBase.module.css          |  3 +-
 .../src/components/interactive/SelectTheme.js |  4 +-
 .../src/components/interactive/Sidebar.js     |  6 +-
 .../src/components/providers/GlobalServer.js  |  2 +-
 .../src/components/providers/GlobalTheme.js   |  2 +-
 .../src/components/providers/GlobalUser.js    |  4 +-
 .../components/providers/RepositoryEditor.js  | 54 +++++++++--------
 .../providers/RepositoryEditor.module.css     |  3 +-
 .../src/contexts/ContextRepositoryEditor.js   |  2 +-
 code/frontend/src/contexts/ContextServer.js   |  2 +-
 code/frontend/src/contexts/ContextTheme.js    |  4 +-
 code/frontend/src/contexts/ContextUser.js     |  2 +-
 code/frontend/src/hooks/useArrayState.js      | 14 ++---
 code/frontend/src/hooks/useData.js            | 14 +++--
 code/frontend/src/hooks/useDataImmediately.js | 10 ++--
 .../src/hooks/useLocalStorageState.js         |  6 +-
 .../frontend/src/routes/PageAlerts.module.css |  3 +-
 .../src/routes/PageDashboard.module.css       |  3 +-
 code/frontend/src/routes/PageEdit.js          |  9 +--
 code/frontend/src/routes/PageRepositories.js  |  6 +-
 .../src/routes/PageRepositories.module.css    |  3 +-
 code/frontend/src/routes/PageRoot.js          |  2 +-
 .../src/utils/convertToLocalISODate.js        |  6 +-
 code/frontend/src/utils/make_icon.js          |  4 +-
 50 files changed, 207 insertions(+), 194 deletions(-)

diff --git a/code/frontend/src/PageSwitcher.js b/code/frontend/src/PageSwitcher.js
index 309da02..bb070b0 100644
--- a/code/frontend/src/PageSwitcher.js
+++ b/code/frontend/src/PageSwitcher.js
@@ -1,4 +1,4 @@
-import React  from "react"
+import React from "react"
 import { Route, Switch } from "react-router"
 import PageLogin from "./routes/PageLogin"
 import PageRepositories from "./routes/PageRepositories"
diff --git a/code/frontend/src/components/base/Button.js b/code/frontend/src/components/base/Button.js
index 1e4079e..1c0dc3f 100644
--- a/code/frontend/src/components/base/Button.js
+++ b/code/frontend/src/components/base/Button.js
@@ -1,4 +1,4 @@
-import React  from "react"
+import React from "react"
 import Style from "./Button.module.css"
 import classNames from "classnames"
 import make_icon from "../../utils/make_icon"
diff --git a/code/frontend/src/components/base/ButtonSidebar.js b/code/frontend/src/components/base/ButtonSidebar.js
index 1f65a37..d0d3ef8 100644
--- a/code/frontend/src/components/base/ButtonSidebar.js
+++ b/code/frontend/src/components/base/ButtonSidebar.js
@@ -22,7 +22,7 @@ export default function ButtonSidebar({ icon, children, to, className, ...props
         path: to,
         strict: true,
         exact: true,
-    });
+    })
 
     if(match) {
         className = classNames(Style.Active, className)
diff --git a/code/frontend/src/components/base/ButtonSmallX.js b/code/frontend/src/components/base/ButtonSmallX.js
index ab55e25..7208596 100644
--- a/code/frontend/src/components/base/ButtonSmallX.js
+++ b/code/frontend/src/components/base/ButtonSmallX.js
@@ -1,7 +1,7 @@
 import React from "react"
 import Style from "./ButtonSmallX.module.css"
 import classNames from "classnames"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faTimes } from "@fortawesome/free-solid-svg-icons"
 
 
diff --git a/code/frontend/src/components/base/InputWithIcon.js b/code/frontend/src/components/base/InputWithIcon.js
index da72870..bc84e3b 100644
--- a/code/frontend/src/components/base/InputWithIcon.js
+++ b/code/frontend/src/components/base/InputWithIcon.js
@@ -1,4 +1,4 @@
-import React, {useState} from "react"
+import React, { useState } from "react"
 import Style from "./InputWithIcon.module.css"
 import classNames from "classnames"
 import make_icon from "../../utils/make_icon"
@@ -17,7 +17,7 @@ import make_icon from "../../utils/make_icon"
  * @constructor
  */
 export default function InputWithIcon({ icon, className, ...props }) {
-    const [isFocused, setFocused] = useState(false);
+    const [isFocused, setFocused] = useState(false)
 
     return (
         <div className={classNames(Style.InputWithIcon, isFocused ? Style.Focused : null, className)}>
diff --git a/code/frontend/src/components/base/Loading.js b/code/frontend/src/components/base/Loading.js
index 02ad294..6307996 100644
--- a/code/frontend/src/components/base/Loading.js
+++ b/code/frontend/src/components/base/Loading.js
@@ -1,6 +1,6 @@
 import React from "react"
 import { faSpinner } from "@fortawesome/free-solid-svg-icons"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
 
 /**
diff --git a/code/frontend/src/components/base/Radio.js b/code/frontend/src/components/base/Radio.js
index 3cc3058..e861487 100644
--- a/code/frontend/src/components/base/Radio.js
+++ b/code/frontend/src/components/base/Radio.js
@@ -2,6 +2,7 @@ import React from "react"
 import Style from "./Radio.module.css"
 import classNames from "classnames"
 
+
 /**
  * A radio button.
  *
diff --git a/code/frontend/src/components/base/TextArea.js b/code/frontend/src/components/base/TextArea.js
index 75508be..1e19601 100644
--- a/code/frontend/src/components/base/TextArea.js
+++ b/code/frontend/src/components/base/TextArea.js
@@ -15,7 +15,10 @@ import classNames from "classnames"
  */
 export default function TextArea({ resize, children, className, ...props }) {
     return (
-        <textarea className={classNames(Style.TextArea, resize ? Style.TextAreaResizable : Style.TextAreaNoResize, className)} {...props}>
+        <textarea
+            className={classNames(Style.TextArea, resize
+                                                  ? Style.TextAreaResizable
+                                                  : Style.TextAreaNoResize, className)} {...props}>
             {children}
         </textarea>
     )
diff --git a/code/frontend/src/components/base/formparts/FormLabel.js b/code/frontend/src/components/base/formparts/FormLabel.js
index febdcca..6efd9ca 100644
--- a/code/frontend/src/components/base/formparts/FormLabel.js
+++ b/code/frontend/src/components/base/formparts/FormLabel.js
@@ -16,7 +16,7 @@ import Style from "./FormLabel.module.css"
 export default function FormLabel({ children, text, htmlFor }) {
     return (
         <Fragment>
-            <label htmlFor={htmlFor} className={Style.LabelText} >
+            <label htmlFor={htmlFor} className={Style.LabelText}>
                 {text}
             </label>
             <div className={Style.LabelContent}>
diff --git a/code/frontend/src/components/interactive/BoxConditionDatetime.js b/code/frontend/src/components/interactive/BoxConditionDatetime.js
index 2a1b9b5..166d138 100644
--- a/code/frontend/src/components/interactive/BoxConditionDatetime.js
+++ b/code/frontend/src/components/interactive/BoxConditionDatetime.js
@@ -1,7 +1,7 @@
 import React, { useState } from "react"
 import BoxFull from "../base/BoxFull"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
-import { faAt, faClock, faPlus } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { faClock, faPlus } from "@fortawesome/free-solid-svg-icons"
 import InputWithIcon from "../base/InputWithIcon"
 import FormInline from "../base/FormInline"
 import Style from "./BoxConditionDatetime.module.css"
@@ -26,7 +26,7 @@ const INVALID_USER_CHARACTERS = /[^0-9TZ:+-]/g
 export default function BoxConditionDatetime({ ...props }) {
     const [datetime, setDatetime] = useState("")
     const [ba, setBa] = useState(false)
-    const {addCondition} = useRepositoryEditor()
+    const { addCondition } = useRepositoryEditor()
 
     const onInputChange = event => {
         let text = event.target.value
@@ -38,7 +38,7 @@ export default function BoxConditionDatetime({ ...props }) {
     const onButtonClick = e => {
         const naive = new Date(datetime)
         if(naive.toString() === "Invalid Date") {
-            console.debug("Refusing to add condition: ", naive , " is an Invalid Date.")
+            console.debug("Refusing to add condition: ", naive, " is an Invalid Date.")
             return
         }
         const aware = convertToLocalISODate(naive)
diff --git a/code/frontend/src/components/interactive/BoxConditionHashtag.js b/code/frontend/src/components/interactive/BoxConditionHashtag.js
index ea9b550..ecec809 100644
--- a/code/frontend/src/components/interactive/BoxConditionHashtag.js
+++ b/code/frontend/src/components/interactive/BoxConditionHashtag.js
@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import BoxFull from "../base/BoxFull"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faHashtag, faPlus } from "@fortawesome/free-solid-svg-icons"
 import InputWithIcon from "../base/InputWithIcon"
 import FormInline from "../base/FormInline"
@@ -24,7 +24,7 @@ const INVALID_HASHTAG_CHARACTERS = /([^a-z0-9_\u00c0-\u00d6\u00d8-\u00f6\u00f8-\
  */
 export default function BoxConditionHashtag({ ...props }) {
     const [hashtag, setHashtag] = useState("")
-    const {addCondition} = useRepositoryEditor()
+    const { addCondition } = useRepositoryEditor()
 
     const onInputChange = event => {
         let text = event.target.value
diff --git a/code/frontend/src/components/interactive/BoxConditionMap.js b/code/frontend/src/components/interactive/BoxConditionMap.js
index c755d4b..cc2c173 100644
--- a/code/frontend/src/components/interactive/BoxConditionMap.js
+++ b/code/frontend/src/components/interactive/BoxConditionMap.js
@@ -1,22 +1,21 @@
-import React, { useCallback, useState, useRef, useMemo, useEffect } from "react"
+import React, { useCallback, useEffect, useState } from "react"
 import BoxFull from "../base/BoxFull"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faMapPin, faPlus } from "@fortawesome/free-solid-svg-icons"
-import FormInline from "../base/FormInline"
 import Style from "./BoxConditionMap.module.css"
 import ButtonIconOnly from "../base/ButtonIconOnly"
-import { MapContainer, Marker, TileLayer } from "react-leaflet"
+import { MapContainer, TileLayer } from "react-leaflet"
 import useRepositoryEditor from "../../hooks/useRepositoryEditor"
 import Condition from "../../utils/Condition"
 
 
-const STARTING_POSITION = {lat: 41.89309, lng: 12.48289}
+const STARTING_POSITION = { lat: 41.89309, lng: 12.48289 }
 const STARTING_ZOOM = 3
 
 // FIXME: this only works correctly at the equator!
 /**
  * https://wiki.openstreetmap.org/wiki/Zoom_levels
-  */
+ */
 const MPIXEL = [
     156412,
     78206,
@@ -53,25 +52,27 @@ export default function BoxConditionMap({ ...props }) {
     const [position, setPosition] = useState(STARTING_POSITION)
     const [zoom, setZoom] = useState(STARTING_ZOOM)
     const [map, setMap] = useState(null)
-    const {addCondition} = useRepositoryEditor()
+    const { addCondition } = useRepositoryEditor()
 
     const onMove = useCallback(
         () => {
             setPosition(map.getCenter())
         },
-        [map]
+        [map],
     )
 
     const onZoom = useCallback(
         () => {
             setZoom(map.getZoom())
         },
-        [map]
+        [map],
     )
 
     useEffect(
         () => {
-            if(map === null) return
+            if(map === null) {
+                return
+            }
 
             map.on("move", onMove)
             map.on("zoom", onZoom)
@@ -80,7 +81,7 @@ export default function BoxConditionMap({ ...props }) {
                 map.off("zoom", onZoom)
             }
         },
-        [map]
+        [map],
     )
 
     const onButtonClick = () => {
@@ -90,7 +91,7 @@ export default function BoxConditionMap({ ...props }) {
 
         addCondition(new Condition(
             "COORDINATES",
-            `< ${radius} ${position.lat} ${position.lng}`
+            `< ${radius} ${position.lat} ${position.lng}`,
         ))
         setPosition(STARTING_POSITION)
     }
diff --git a/code/frontend/src/components/interactive/BoxConditionUser.js b/code/frontend/src/components/interactive/BoxConditionUser.js
index 1cdc8b3..02080bc 100644
--- a/code/frontend/src/components/interactive/BoxConditionUser.js
+++ b/code/frontend/src/components/interactive/BoxConditionUser.js
@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import BoxFull from "../base/BoxFull"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faAt, faPlus } from "@fortawesome/free-solid-svg-icons"
 import InputWithIcon from "../base/InputWithIcon"
 import FormInline from "../base/FormInline"
@@ -23,7 +23,7 @@ const INVALID_USER_CHARACTERS = /[^a-zA-Z0-9]/g
  */
 export default function BoxConditionUser({ ...props }) {
     const [user, setUser] = useState("")
-    const {addCondition} = useRepositoryEditor()
+    const { addCondition } = useRepositoryEditor()
 
     const onInputChange = event => {
         let text = event.target.value
diff --git a/code/frontend/src/components/interactive/BoxConditions.js b/code/frontend/src/components/interactive/BoxConditions.js
index fd542c9..c74dbef 100644
--- a/code/frontend/src/components/interactive/BoxConditions.js
+++ b/code/frontend/src/components/interactive/BoxConditions.js
@@ -12,7 +12,7 @@ import useRepositoryEditor from "../../hooks/useRepositoryEditor"
  * @constructor
  */
 export default function BoxConditions({ ...props }) {
-    const {conditions} = useRepositoryEditor()
+    const { conditions } = useRepositoryEditor()
 
     const badges = conditions.map((cond, pos) => <ConditionBadge key={pos} {...cond}/>)
 
diff --git a/code/frontend/src/components/interactive/BoxLoggedIn.js b/code/frontend/src/components/interactive/BoxLoggedIn.js
index 01340fd..8344998 100644
--- a/code/frontend/src/components/interactive/BoxLoggedIn.js
+++ b/code/frontend/src/components/interactive/BoxLoggedIn.js
@@ -17,7 +17,7 @@ import CurrentServer from "./CurrentServer"
  * @constructor
  */
 export default function BoxLoggedIn({ ...props }) {
-    const {logout} = useContext(ContextUser)
+    const { logout } = useContext(ContextUser)
     const history = useHistory()
 
     return (
@@ -27,10 +27,12 @@ export default function BoxLoggedIn({ ...props }) {
                     You are currently logged in at <CurrentServer/> as <LoggedInUser/>.
                 </div>
                 <div>
-                    <Button color={"Red"} onClick={() => {
+                    <Button
+                        color={"Red"} onClick={() => {
                         logout()
                         history.push("/login")
-                    }} icon={faSignOutAlt}>Logout</Button>
+                    }} icon={faSignOutAlt}
+                    >Logout</Button>
                 </div>
             </div>
         </BoxFull>
diff --git a/code/frontend/src/components/interactive/BoxLogin.js b/code/frontend/src/components/interactive/BoxLogin.js
index 18e6286..13a6802 100644
--- a/code/frontend/src/components/interactive/BoxLogin.js
+++ b/code/frontend/src/components/interactive/BoxLogin.js
@@ -22,12 +22,12 @@ export default function BoxLogin({ ...props }) {
     const [password, setPassword] = useState("password")
     const [working, setWorking] = useState(false)
     const [error, setError] = useState(null)
-    const {login} = useContext(ContextUser)
+    const { login } = useContext(ContextUser)
     const history = useHistory()
 
     const doLogin = async () => {
         if(working) {
-            return;
+            return
         }
 
         setWorking(true)
@@ -67,10 +67,10 @@ export default function BoxLogin({ ...props }) {
                     />
                 </FormLabel>
                 {error ?
-                    <FormAlert color={"Red"}>
-                        {error.toString()}
-                    </FormAlert>
-                : null}
+                 <FormAlert color={"Red"}>
+                     {error.toString()}
+                 </FormAlert>
+                       : null}
                 <FormButton
                     onClick={doLogin}
                     icon={faArrowRight}
diff --git a/code/frontend/src/components/interactive/BoxRepositoriesActive.js b/code/frontend/src/components/interactive/BoxRepositoriesActive.js
index 7389589..87c8ba9 100644
--- a/code/frontend/src/components/interactive/BoxRepositoriesActive.js
+++ b/code/frontend/src/components/interactive/BoxRepositoriesActive.js
@@ -15,9 +15,9 @@ import ContextUser from "../../contexts/ContextUser"
  * @constructor
  */
 export default function BoxRepositoriesActive({ repositories, refresh, ...props }) {
-    const {user} = useContext(ContextUser)
+    const { user } = useContext(ContextUser)
 
-    let contents;
+    let contents
     if(repositories.length > 0) {
         contents = repositories.map(repo => (
             <RepositorySummaryBase
diff --git a/code/frontend/src/components/interactive/BoxRepositoriesArchived.js b/code/frontend/src/components/interactive/BoxRepositoriesArchived.js
index 6398c07..5bc0f5d 100644
--- a/code/frontend/src/components/interactive/BoxRepositoriesArchived.js
+++ b/code/frontend/src/components/interactive/BoxRepositoriesArchived.js
@@ -15,9 +15,9 @@ import { faSearch } from "@fortawesome/free-solid-svg-icons"
  * @constructor
  */
 export default function BoxRepositoriesArchived({ repositories, refresh, ...props }) {
-    const {user} = useContext(ContextUser)
+    const { user } = useContext(ContextUser)
 
-    let contents;
+    let contents
     if(repositories.length > 0) {
         contents = repositories.map(repo => (
             <RepositorySummaryBase
diff --git a/code/frontend/src/components/interactive/BoxRepositoryCreate.js b/code/frontend/src/components/interactive/BoxRepositoryCreate.js
index 83a18fe..e558253 100644
--- a/code/frontend/src/components/interactive/BoxRepositoryCreate.js
+++ b/code/frontend/src/components/interactive/BoxRepositoryCreate.js
@@ -34,7 +34,12 @@ export default function BoxRepositoryCreate({ ...props }) {
 
     return (
         <BoxFull header={"Create repository"} {...props}>
-            <FormLabelled onSubmit={e => {e.preventDefault(); save()}}>
+            <FormLabelled
+                onSubmit={e => {
+                    e.preventDefault()
+                    save()
+                }}
+            >
                 <FormLabel htmlFor={"repo-name"} text={"Repository name"}>
                     <InputWithIcon
                         id={"repo-name"}
@@ -63,28 +68,28 @@ export default function BoxRepositoryCreate({ ...props }) {
                     </label>
                 </FormLabel>
                 {error ?
-                    <FormAlert color={"Red"}>
-                        {error.toString()}
-                    </FormAlert>
-                 : null}
+                 <FormAlert color={"Red"}>
+                     {error.toString()}
+                 </FormAlert>
+                       : null}
                 {id ?
-                     <Button
-                         style={{"gridColumn": "1 / 3"}}
-                         icon={faPencilAlt}
-                         color={"Green"}
-                         onClick={e => goToOnSuccess(save, history, "/repositories")}
-                     >
-                         Edit repository
-                     </Button>
-                :
-                    <Button
-                        style={{"gridColumn": "1 / 3"}}
-                        icon={faPlus}
-                        color={"Green"}
-                        onClick={e => goToOnSuccess(save, history, "/repositories")}
-                    >
-                        Create repository
-                    </Button>
+                 <Button
+                     style={{ "gridColumn": "1 / 3" }}
+                     icon={faPencilAlt}
+                     color={"Green"}
+                     onClick={e => goToOnSuccess(save, history, "/repositories")}
+                 >
+                     Edit repository
+                 </Button>
+                    :
+                 <Button
+                     style={{ "gridColumn": "1 / 3" }}
+                     icon={faPlus}
+                     color={"Green"}
+                     onClick={e => goToOnSuccess(save, history, "/repositories")}
+                 >
+                     Create repository
+                 </Button>
                 }
 
             </FormLabelled>
diff --git a/code/frontend/src/components/interactive/BoxSetServer.js b/code/frontend/src/components/interactive/BoxSetServer.js
index ada5c92..70006c3 100644
--- a/code/frontend/src/components/interactive/BoxSetServer.js
+++ b/code/frontend/src/components/interactive/BoxSetServer.js
@@ -15,7 +15,7 @@ import ContextServer from "../../contexts/ContextServer"
  * @constructor
  */
 export default function BoxSetServer({ ...props }) {
-    const {server, setServer} = useContext(ContextServer);
+    const { server, setServer } = useContext(ContextServer)
 
     return (
         <BoxFull header={"Choose server"} {...props}>
diff --git a/code/frontend/src/components/interactive/ConditionBadge.js b/code/frontend/src/components/interactive/ConditionBadge.js
index 896b705..fd1b3bc 100644
--- a/code/frontend/src/components/interactive/ConditionBadge.js
+++ b/code/frontend/src/components/interactive/ConditionBadge.js
@@ -1,7 +1,7 @@
 import React, { useContext } from "react"
 import Style from "./ConditionBadge.module.css"
 import classNames from "classnames"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import ButtonSmallX from "../base/ButtonSmallX"
 import { faAt, faClock, faGlobe, faHashtag, faMapPin } from "@fortawesome/free-solid-svg-icons"
 import ContextRepositoryEditor from "../../contexts/ContextRepositoryEditor"
@@ -36,7 +36,7 @@ export default function ConditionBadge({ ...condition }) {
     const { id, type, content } = condition
     const color = CONDITION_COLORS[type]
     const icon = CONDITION_ICONS[type]
-    const {removeRawCondition} = useContext(ContextRepositoryEditor)
+    const { removeRawCondition } = useContext(ContextRepositoryEditor)
 
     let displayedContent = content
     if(type === 3) {
@@ -65,10 +65,12 @@ export default function ConditionBadge({ ...condition }) {
                 {displayedContent}
             </div>
             <div>
-                <ButtonSmallX onClick={() => {
-                    console.debug(`Removing Condition: `, condition)
-                    removeRawCondition(condition)
-                }}/>
+                <ButtonSmallX
+                    onClick={() => {
+                        console.debug(`Removing Condition: `, condition)
+                        removeRawCondition(condition)
+                    }}
+                />
             </div>
         </div>
     )
diff --git a/code/frontend/src/components/interactive/CurrentServer.js b/code/frontend/src/components/interactive/CurrentServer.js
index 7508657..7c80c2b 100644
--- a/code/frontend/src/components/interactive/CurrentServer.js
+++ b/code/frontend/src/components/interactive/CurrentServer.js
@@ -1,5 +1,5 @@
 import React, { useContext } from "react"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faGlobe } from "@fortawesome/free-solid-svg-icons"
 import ContextServer from "../../contexts/ContextServer"
 
@@ -12,7 +12,7 @@ import ContextServer from "../../contexts/ContextServer"
  * @constructor
  */
 export default function CurrentServer({ ...props }) {
-    const {server} = useContext(ContextServer);
+    const { server } = useContext(ContextServer)
 
     return (
         <b {...props}>
diff --git a/code/frontend/src/components/interactive/Layout.module.css b/code/frontend/src/components/interactive/Layout.module.css
index 6a19007..7f15bf0 100644
--- a/code/frontend/src/components/interactive/Layout.module.css
+++ b/code/frontend/src/components/interactive/Layout.module.css
@@ -8,8 +8,7 @@
 
     display: grid;
     grid-template-areas:
-        "a b"
-    ;
+        "a b";
     grid-template-columns: 250px 1fr;
 
     grid-gap: 10px;
diff --git a/code/frontend/src/components/interactive/LoggedInUser.js b/code/frontend/src/components/interactive/LoggedInUser.js
index 504dddb..cd6ae02 100644
--- a/code/frontend/src/components/interactive/LoggedInUser.js
+++ b/code/frontend/src/components/interactive/LoggedInUser.js
@@ -12,7 +12,7 @@ import ContextUser from "../../contexts/ContextUser"
  * @constructor
  */
 export default function LoggedInUser({ ...props }) {
-    const {user} = useContext(ContextUser);
+    const { user } = useContext(ContextUser)
 
     if(!user) {
         return (
diff --git a/code/frontend/src/components/interactive/Logo.js b/code/frontend/src/components/interactive/Logo.js
index be5e774..cff1d65 100644
--- a/code/frontend/src/components/interactive/Logo.js
+++ b/code/frontend/src/components/interactive/Logo.js
@@ -1,4 +1,4 @@
-import React, {useContext} from "react"
+import React, { useContext } from "react"
 import Style from "./Logo.module.css"
 import LogoDark from "../../media/LogoDark.png"
 import LogoLight from "../../media/LogoLight.png"
@@ -19,9 +19,9 @@ import classNames from "classnames"
 export default function Logo({ className, ...props }) {
     // I have no idea why IntelliJ is complaining about this line
     // It's perfectly fine!
-    const {theme} = useContext(ContextTheme)
+    const { theme } = useContext(ContextTheme)
 
-    let logo;
+    let logo
     if(theme === "ThemeDark") {
         logo = LogoDark
     }
diff --git a/code/frontend/src/components/interactive/RepositorySummaryBase.js b/code/frontend/src/components/interactive/RepositorySummaryBase.js
index dbba1f0..1eb66dd 100644
--- a/code/frontend/src/components/interactive/RepositorySummaryBase.js
+++ b/code/frontend/src/components/interactive/RepositorySummaryBase.js
@@ -1,7 +1,7 @@
 import React, { useContext } from "react"
 import Style from "./RepositorySummaryBase.module.css"
 import classNames from "classnames"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import Button from "../base/Button"
 import { faArchive, faPencilAlt, faTrash } from "@fortawesome/free-solid-svg-icons"
 import { useHistory } from "react-router"
@@ -29,13 +29,13 @@ import ContextUser from "../../contexts/ContextUser"
  * @constructor
  */
 export default function RepositorySummaryBase(
-    { id, refresh, owner, icon, name, start, end, is_active, canDelete, canEdit, canArchive, className, ...props }
+    { id, refresh, owner, icon, name, start, end, is_active, canDelete, canEdit, canArchive, className, ...props },
 ) {
-    const {fetchDataAuth} = useContext(ContextUser)
+    const { fetchDataAuth } = useContext(ContextUser)
     const history = useHistory()
-    const {fetchNow: archiveThis} = useData(fetchDataAuth, "PATCH", `/api/v1/repositories/${id}`, {"close": true})
-    const {fetchNow: unarchiveThis} = useData(fetchDataAuth, "PATCH", `/api/v1/repositories/${id}`, {"open": true})
-    const {fetchNow: deletThis} = useData(fetchDataAuth, "DELETE", `/api/v1/repositories/${id}`)
+    const { fetchNow: archiveThis } = useData(fetchDataAuth, "PATCH", `/api/v1/repositories/${id}`, { "close": true })
+    const { fetchNow: unarchiveThis } = useData(fetchDataAuth, "PATCH", `/api/v1/repositories/${id}`, { "open": true })
+    const { fetchNow: deletThis } = useData(fetchDataAuth, "DELETE", `/api/v1/repositories/${id}`)
 
     const onEditClick = event => {
         history.push(`/repositories/${id}/edit`)
@@ -79,32 +79,32 @@ export default function RepositorySummaryBase(
             </div>
             <div className={Style.Right}>
                 {canDelete ?
-                    <Button
-                        color={"Red"}
-                        icon={faTrash}
-                        onClick={onDeleteClick}
-                    >
-                        Delete
-                    </Button>
-                : null}
+                 <Button
+                     color={"Red"}
+                     icon={faTrash}
+                     onClick={onDeleteClick}
+                 >
+                     Delete
+                 </Button>
+                           : null}
                 {canEdit ?
-                    <Button
-                        color={"Yellow"}
-                        icon={faPencilAlt}
-                        onClick={onEditClick}
-                    >
-                        Edit
-                    </Button>
-                : null}
+                 <Button
+                     color={"Yellow"}
+                     icon={faPencilAlt}
+                     onClick={onEditClick}
+                 >
+                     Edit
+                 </Button>
+                         : null}
                 {canArchive ?
-                    <Button
-                        color={"Grey"}
-                        icon={faArchive}
-                        onClick={is_active ? onArchiveClick : onUnarchiveClick}
-                    >
-                        {is_active ? "Archive" : "Unarchive"}
-                    </Button>
-                : null}
+                 <Button
+                     color={"Grey"}
+                     icon={faArchive}
+                     onClick={is_active ? onArchiveClick : onUnarchiveClick}
+                 >
+                     {is_active ? "Archive" : "Unarchive"}
+                 </Button>
+                            : null}
             </div>
         </div>
     )
diff --git a/code/frontend/src/components/interactive/RepositorySummaryBase.module.css b/code/frontend/src/components/interactive/RepositorySummaryBase.module.css
index 2f21b39..481c0aa 100644
--- a/code/frontend/src/components/interactive/RepositorySummaryBase.module.css
+++ b/code/frontend/src/components/interactive/RepositorySummaryBase.module.css
@@ -17,8 +17,7 @@
         "a b"
         "a c"
         "a d"
-        "a e"
-    ;
+        "a e";
     grid-template-columns: auto 1fr;
     grid-template-rows: 5px 1fr 1fr 5px;
 
diff --git a/code/frontend/src/components/interactive/SelectTheme.js b/code/frontend/src/components/interactive/SelectTheme.js
index 60a7cc0..647c5ea 100644
--- a/code/frontend/src/components/interactive/SelectTheme.js
+++ b/code/frontend/src/components/interactive/SelectTheme.js
@@ -1,4 +1,4 @@
-import React, {useContext} from "react"
+import React, { useContext } from "react"
 import Select from "../base/Select"
 import ContextTheme from "../../contexts/ContextTheme"
 
@@ -12,7 +12,7 @@ import ContextTheme from "../../contexts/ContextTheme"
  * @constructor
  */
 export default function SelectTheme({ ...props }) {
-    const {theme, setTheme} = useContext(ContextTheme);
+    const { theme, setTheme } = useContext(ContextTheme)
 
     return (
         <Select value={theme} onChange={e => setTheme(e.target.value)} {...props}>
diff --git a/code/frontend/src/components/interactive/Sidebar.js b/code/frontend/src/components/interactive/Sidebar.js
index 5c0c625..31ab185 100644
--- a/code/frontend/src/components/interactive/Sidebar.js
+++ b/code/frontend/src/components/interactive/Sidebar.js
@@ -17,7 +17,7 @@ import ContextUser from "../../contexts/ContextUser"
  * @constructor
  */
 export default function Sidebar({ className, ...props }) {
-    const {user} = useContext(ContextUser)
+    const { user } = useContext(ContextUser)
 
     return (
         <aside className={classNames(Style.Sidebar, className)} {...props}>
@@ -30,7 +30,7 @@ export default function Sidebar({ className, ...props }) {
                     <ButtonSidebar to={"/alerts"} icon={faExclamationTriangle}>Alerts</ButtonSidebar>
                     <ButtonSidebar to={"/settings"} icon={faCog}>Settings</ButtonSidebar>
                 </Fragment>
-                :
+                     :
                 <Fragment>
                     <ButtonSidebar to={"/login"} icon={faKey}>Login</ButtonSidebar>
                 </Fragment>
@@ -38,7 +38,7 @@ export default function Sidebar({ className, ...props }) {
             {
                 process.env.NODE_ENV === "development" ?
                 <ButtonSidebar to={"/sandbox"} icon={faWrench}>Sandbox</ButtonSidebar>
-                : null
+                                                       : null
             }
         </aside>
     )
diff --git a/code/frontend/src/components/providers/GlobalServer.js b/code/frontend/src/components/providers/GlobalServer.js
index 4e3272d..69a2346 100644
--- a/code/frontend/src/components/providers/GlobalServer.js
+++ b/code/frontend/src/components/providers/GlobalServer.js
@@ -75,7 +75,7 @@ export default function GlobalServer({ children }) {
     }, [server])
 
     return (
-        <ContextServer.Provider value={{server, setServer, fetchData}}>
+        <ContextServer.Provider value={{ server, setServer, fetchData }}>
             {children}
         </ContextServer.Provider>
     )
diff --git a/code/frontend/src/components/providers/GlobalTheme.js b/code/frontend/src/components/providers/GlobalTheme.js
index f763eca..161d9e1 100644
--- a/code/frontend/src/components/providers/GlobalTheme.js
+++ b/code/frontend/src/components/providers/GlobalTheme.js
@@ -14,7 +14,7 @@ export default function GlobalTheme({ children }) {
     const [theme, setTheme] = useLocalStorageState("theme", "ThemeDark")
 
     return (
-        <ContextTheme.Provider value={{theme, setTheme}}>
+        <ContextTheme.Provider value={{ theme, setTheme }}>
             {children}
         </ContextTheme.Provider>
     )
diff --git a/code/frontend/src/components/providers/GlobalUser.js b/code/frontend/src/components/providers/GlobalUser.js
index 52da185..ee099bc 100644
--- a/code/frontend/src/components/providers/GlobalUser.js
+++ b/code/frontend/src/components/providers/GlobalUser.js
@@ -12,7 +12,7 @@ import ContextUser from "../../contexts/ContextUser"
  * @constructor
  */
 export default function GlobalUser({ children }) {
-    const {fetchData} = useContext(ContextServer)
+    const { fetchData } = useContext(ContextServer)
     const [user, setUser] = useLocalStorageState("login", null)
 
     /**
@@ -79,7 +79,7 @@ export default function GlobalUser({ children }) {
     }, [setUser])
 
     return (
-        <ContextUser.Provider value={{user, login, logout, fetchDataAuth}}>
+        <ContextUser.Provider value={{ user, login, logout, fetchDataAuth }}>
             {children}
         </ContextUser.Provider>
     )
diff --git a/code/frontend/src/components/providers/RepositoryEditor.js b/code/frontend/src/components/providers/RepositoryEditor.js
index 269ceb5..d3c2b90 100644
--- a/code/frontend/src/components/providers/RepositoryEditor.js
+++ b/code/frontend/src/components/providers/RepositoryEditor.js
@@ -14,15 +14,15 @@ import useData from "../../hooks/useData"
 
 
 export default function RepositoryEditor({
-    id = null,
-    name,
-    is_active: isActive,
-    start,
-    end,
-    conditions,
-    evaluation_mode: evaluationMode,
-    className,
-}) {
+                                             id = null,
+                                             name,
+                                             is_active: isActive,
+                                             start,
+                                             end,
+                                             conditions,
+                                             evaluation_mode: evaluationMode,
+                                             className,
+                                         }) {
     /** The repository name. */
     const [_name, setName] = useState(name ?? "")
 
@@ -47,7 +47,7 @@ export default function RepositoryEditor({
     /** The operator the conditions should be evaluated with. */
     const [_evaluationMode, setEvaluationMode] = useState(evaluationMode ?? 0)
 
-    const {user, fetchDataAuth} = useContext(ContextUser)
+    const { user, fetchDataAuth } = useContext(ContextUser)
 
     const method = id ? "PUT" : "POST"
     const path = id ? `/api/v1/repositories/${id}` : `/api/v1/repositories/`
@@ -61,7 +61,7 @@ export default function RepositoryEditor({
         "owner": user,
         "start": _start,
     }
-    const {error, loading, fetchNow} = useData(fetchDataAuth, method, path, body)
+    const { error, loading, fetchNow } = useData(fetchDataAuth, method, path, body)
 
     const save = useCallback(
         () => {
@@ -73,7 +73,7 @@ export default function RepositoryEditor({
             }
             fetchNow()
         },
-        [id, body, fetchNow]
+        [id, body, fetchNow],
     )
 
 
@@ -89,7 +89,7 @@ export default function RepositoryEditor({
             setRawConditions(conditions)
             setEvaluationMode(evaluationMode)
         },
-        [name, isActive, start, end, conditions, evaluationMode]
+        [name, isActive, start, end, conditions, evaluationMode],
     )
 
     /**
@@ -104,7 +104,7 @@ export default function RepositoryEditor({
             }
 
             // Check for duplicates
-            let duplicate = null;
+            let duplicate = null
             for(const oldCond of _conditions) {
                 if(newCond.type === oldCond.type && newCond.content === oldCond.content) {
                     duplicate = oldCond
@@ -119,21 +119,23 @@ export default function RepositoryEditor({
             console.debug("Adding ", newCond, " to the Repository Conditions")
             appendRawCondition(newCond)
         },
-        [_conditions]
+        [_conditions],
     )
 
     return (
-        <ContextRepositoryEditor.Provider value={{
-            id,
-            name: _name, setName,
-            isActive: _isActive, setActive,
-            start: _start, setStart,
-            end: _end, setEnd,
-            conditions: _conditions, addCondition, appendRawCondition, removeRawCondition, spliceRawCondition,
-            evaluationMode: _evaluationMode, setEvaluationMode,
-            error, loading,
-            revert, save,
-        }}>
+        <ContextRepositoryEditor.Provider
+            value={{
+                id,
+                name: _name, setName,
+                isActive: _isActive, setActive,
+                start: _start, setStart,
+                end: _end, setEnd,
+                conditions: _conditions, addCondition, appendRawCondition, removeRawCondition, spliceRawCondition,
+                evaluationMode: _evaluationMode, setEvaluationMode,
+                error, loading,
+                revert, save,
+            }}
+        >
             <div className={classNames(Style.RepositoryEditor, className)}>
                 <BoxConditionMap className={Style.SearchByZone}/>
                 <BoxConditionHashtag className={Style.SearchByHashtags}/>
diff --git a/code/frontend/src/components/providers/RepositoryEditor.module.css b/code/frontend/src/components/providers/RepositoryEditor.module.css
index 38db5a2..5c079a3 100644
--- a/code/frontend/src/components/providers/RepositoryEditor.module.css
+++ b/code/frontend/src/components/providers/RepositoryEditor.module.css
@@ -6,8 +6,7 @@
         "b d"
         "b e"
         "b f"
-        "b g"
-;
+        "b g";
     grid-template-columns: 400px 1fr;
     grid-template-rows: auto auto auto 1fr auto;
 
diff --git a/code/frontend/src/contexts/ContextRepositoryEditor.js b/code/frontend/src/contexts/ContextRepositoryEditor.js
index 94b0ce5..abba378 100644
--- a/code/frontend/src/contexts/ContextRepositoryEditor.js
+++ b/code/frontend/src/contexts/ContextRepositoryEditor.js
@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react"
 
 
 /**
diff --git a/code/frontend/src/contexts/ContextServer.js b/code/frontend/src/contexts/ContextServer.js
index a5163f7..c9a8402 100644
--- a/code/frontend/src/contexts/ContextServer.js
+++ b/code/frontend/src/contexts/ContextServer.js
@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react"
 
 
 /**
diff --git a/code/frontend/src/contexts/ContextTheme.js b/code/frontend/src/contexts/ContextTheme.js
index 4e5543e..85f9a6b 100644
--- a/code/frontend/src/contexts/ContextTheme.js
+++ b/code/frontend/src/contexts/ContextTheme.js
@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react"
 
 
 /**
@@ -14,6 +14,6 @@ import {createContext} from "react";
 const ContextTheme = createContext({
     isSet: false,
     theme: "ThemeDark",
-    setTheme: () => console.error("Trying to setTheme while outside a ContextTheme.Provider!")
+    setTheme: () => console.error("Trying to setTheme while outside a ContextTheme.Provider!"),
 })
 export default ContextTheme
diff --git a/code/frontend/src/contexts/ContextUser.js b/code/frontend/src/contexts/ContextUser.js
index 5be3f92..9a883c5 100644
--- a/code/frontend/src/contexts/ContextUser.js
+++ b/code/frontend/src/contexts/ContextUser.js
@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react"
 
 
 /**
diff --git a/code/frontend/src/hooks/useArrayState.js b/code/frontend/src/hooks/useArrayState.js
index 08e169a..d52daf8 100644
--- a/code/frontend/src/hooks/useArrayState.js
+++ b/code/frontend/src/hooks/useArrayState.js
@@ -14,10 +14,10 @@ export default function useArrayState(def) {
         newSingle => {
             console.debug("Appending ", newSingle, " to ArrayState")
             setValue(
-                oldArray => [...oldArray, newSingle]
+                oldArray => [...oldArray, newSingle],
             )
         },
-        []
+        [],
     )
 
     const spliceValue = useCallback(
@@ -28,21 +28,21 @@ export default function useArrayState(def) {
                     // TODO: Hope this doesn't break anything...
                     oldArray.splice(position, 1)
                     return oldArray
-                }
+                },
             )
         },
-        []
+        [],
     )
 
     const removeValue = useCallback(
         remValue => {
             console.debug("Removing ", remValue, " from ArrayState")
             setValue(
-                oldArray => oldArray.filter(item => JSON.stringify(item) !== JSON.stringify(remValue))
+                oldArray => oldArray.filter(item => JSON.stringify(item) !== JSON.stringify(remValue)),
             )
         },
-        []
+        [],
     )
 
-    return {value, setValue, appendValue, spliceValue, removeValue}
+    return { value, setValue, appendValue, spliceValue, removeValue }
 }
\ No newline at end of file
diff --git a/code/frontend/src/hooks/useData.js b/code/frontend/src/hooks/useData.js
index 304c6fa..07da6b5 100644
--- a/code/frontend/src/hooks/useData.js
+++ b/code/frontend/src/hooks/useData.js
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react"
+import { useCallback, useState } from "react"
 
 
 /**
@@ -28,15 +28,17 @@ export default function useData(fetchData, method, path, body, init) {
                 const _data = await fetchData(method, path, body, init)
                 console.debug(`Displaying data of ${method} ${path}: `, _data)
                 setData(_data)
-            } catch(e) {
+            }
+            catch(e) {
                 console.debug(`Displaying error of ${method} ${path}: `, e)
                 setError(e)
-            } finally {
+            }
+            finally {
                 console.debug(`Stopping loading of ${method} ${path}...`)
                 setLoading(false)
             }
         },
-        [fetchData, method, path, body, init]
+        [fetchData, method, path, body, init],
     )
 
     /**
@@ -52,8 +54,8 @@ export default function useData(fetchData, method, path, body, init) {
 
             await load()
         },
-        [load]
+        [load],
     )
 
-    return {data, error, loading, fetchNow}
+    return { data, error, loading, fetchNow }
 }
\ No newline at end of file
diff --git a/code/frontend/src/hooks/useDataImmediately.js b/code/frontend/src/hooks/useDataImmediately.js
index 2cad8a5..dd5e84d 100644
--- a/code/frontend/src/hooks/useDataImmediately.js
+++ b/code/frontend/src/hooks/useDataImmediately.js
@@ -12,16 +12,18 @@ import { useEffect } from "react"
  * @param init - Additional `init` parameters to pass to `fetch`.
  */
 export default function useDataImmediately(fetchData, method, path, body, init) {
-    const {data, error, loading, fetchNow} = useData(fetchData, method, path, body, init)
+    const { data, error, loading, fetchNow } = useData(fetchData, method, path, body, init)
 
     useEffect(
         () => {
-            if(!(loading || data || error)) {
+            if(!(
+                loading || data || error
+            )) {
                 fetchNow()
             }
         },
-        [data, error, loading, fetchNow]
+        [data, error, loading, fetchNow],
     )
 
-    return {data, error, loading, fetchNow}
+    return { data, error, loading, fetchNow }
 }
diff --git a/code/frontend/src/hooks/useLocalStorageState.js b/code/frontend/src/hooks/useLocalStorageState.js
index f53c868..66f5be0 100644
--- a/code/frontend/src/hooks/useLocalStorageState.js
+++ b/code/frontend/src/hooks/useLocalStorageState.js
@@ -28,7 +28,7 @@ export default function useLocalStorageState(key, def) {
         }
     }
 
-    const [value, setValue] = useState(load());
+    const [value, setValue] = useState(load())
 
     /**
      * Save a value to the {@link localStorage}.
@@ -43,7 +43,7 @@ export default function useLocalStorageState(key, def) {
                 console.warn(`Can't save ${key}; localStorage doesn't seem to be available...`)
             }
         },
-        [key]
+        [key],
     )
 
     /**
@@ -54,7 +54,7 @@ export default function useLocalStorageState(key, def) {
             setValue(value)
             save(value)
         },
-        [save]
+        [save],
     )
 
     return [value, setAndSave]
diff --git a/code/frontend/src/routes/PageAlerts.module.css b/code/frontend/src/routes/PageAlerts.module.css
index 8ae9595..fdc5240 100644
--- a/code/frontend/src/routes/PageAlerts.module.css
+++ b/code/frontend/src/routes/PageAlerts.module.css
@@ -3,8 +3,7 @@
 
     grid-template-areas:
         "a"
-        "b"
-    ;
+        "b";
 
     grid-gap: 10px;
 
diff --git a/code/frontend/src/routes/PageDashboard.module.css b/code/frontend/src/routes/PageDashboard.module.css
index bf8cad7..f062f37 100644
--- a/code/frontend/src/routes/PageDashboard.module.css
+++ b/code/frontend/src/routes/PageDashboard.module.css
@@ -3,8 +3,7 @@
 
     grid-template-areas:
         "a"
-        "b"
-    ;
+        "b";
     grid-template-rows: auto 1fr;
 
     grid-gap: 10px;
diff --git a/code/frontend/src/routes/PageEdit.js b/code/frontend/src/routes/PageEdit.js
index 25d4659..14c68d7 100644
--- a/code/frontend/src/routes/PageEdit.js
+++ b/code/frontend/src/routes/PageEdit.js
@@ -6,17 +6,14 @@ import RepositoryEditor from "../components/providers/RepositoryEditor"
 import useDataImmediately from "../hooks/useDataImmediately"
 import ContextUser from "../contexts/ContextUser"
 import BoxAlert from "../components/base/BoxAlert"
-import RepositorySummaryBase from "../components/interactive/RepositorySummaryBase"
-import { faSearch } from "@fortawesome/free-solid-svg-icons"
 import Loading from "../components/base/Loading"
-import BoxFull from "../components/base/BoxFull"
 
 
 export default function PageEdit({ id, className, ...props }) {
-    const {fetchDataAuth} = useContext(ContextUser)
-    const {data, error} = useDataImmediately(fetchDataAuth, "GET", `/api/v1/repositories/${id}`)
+    const { fetchDataAuth } = useContext(ContextUser)
+    const { data, error } = useDataImmediately(fetchDataAuth, "GET", `/api/v1/repositories/${id}`)
 
-    let contents;
+    let contents
     if(error) {
         contents = <BoxAlert color={"Red"}>{error.toString()}</BoxAlert>
     }
diff --git a/code/frontend/src/routes/PageRepositories.js b/code/frontend/src/routes/PageRepositories.js
index f44ac3c..8917551 100644
--- a/code/frontend/src/routes/PageRepositories.js
+++ b/code/frontend/src/routes/PageRepositories.js
@@ -10,10 +10,10 @@ import Loading from "../components/base/Loading"
 
 
 export default function PageRepositories({ children, className, ...props }) {
-    const {fetchDataAuth} = useContext(ContextUser)
-    const {data, error, fetchNow: refresh} = useDataImmediately(fetchDataAuth, "GET", "/api/v1/repositories/")
+    const { fetchDataAuth } = useContext(ContextUser)
+    const { data, error, fetchNow: refresh } = useDataImmediately(fetchDataAuth, "GET", "/api/v1/repositories/")
 
-    let contents;
+    let contents
     if(error) {
         contents = <BoxAlert color={"Red"}>{error}</BoxAlert>
     }
diff --git a/code/frontend/src/routes/PageRepositories.module.css b/code/frontend/src/routes/PageRepositories.module.css
index 39b1114..bc52dd5 100644
--- a/code/frontend/src/routes/PageRepositories.module.css
+++ b/code/frontend/src/routes/PageRepositories.module.css
@@ -3,8 +3,7 @@
 
     grid-template-areas:
         "a"
-        "b"
-    ;
+        "b";
 
     grid-gap: 10px;
 
diff --git a/code/frontend/src/routes/PageRoot.js b/code/frontend/src/routes/PageRoot.js
index c671d67..68a8b1e 100644
--- a/code/frontend/src/routes/PageRoot.js
+++ b/code/frontend/src/routes/PageRoot.js
@@ -4,7 +4,7 @@ import { Redirect } from "react-router"
 
 
 export default function PageRoot() {
-    const {state} = useContext(ContextUser)
+    const { state } = useContext(ContextUser)
 
     if(!state) {
         return <Redirect to={"/login"}/>
diff --git a/code/frontend/src/utils/convertToLocalISODate.js b/code/frontend/src/utils/convertToLocalISODate.js
index bfc583a..16ad738 100644
--- a/code/frontend/src/utils/convertToLocalISODate.js
+++ b/code/frontend/src/utils/convertToLocalISODate.js
@@ -17,13 +17,15 @@ export default function convertToLocalISODate(date) {
     const naive = date.toISOString()
 
     // Find the local timezone
-    const tz = - new Date().getTimezoneOffset()
+    const tz = -new Date().getTimezoneOffset()
 
     // Convert the timezone to hours
     const tzHours = Math.abs(Math.floor(tz / 60)).toString().padStart(2, "0")
 
     // Find the minutes
-    const tzMinutes = (tz % 60).toString().padStart(2, "0")
+    const tzMinutes = (
+        tz % 60
+    ).toString().padStart(2, "0")
 
     // Replace the naive part with the aware part
     return naive.replace("Z", `${tz < 0 ? "-" : "+"}${tzHours}${tzMinutes}`)
diff --git a/code/frontend/src/utils/make_icon.js b/code/frontend/src/utils/make_icon.js
index 968ab08..22f960d 100644
--- a/code/frontend/src/utils/make_icon.js
+++ b/code/frontend/src/utils/make_icon.js
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
 export default function make_icon(icon, className) {
     if(isValidElement(icon)) {
-        return <span className={className}>icon</span>;
+        return <span className={className}>icon</span>
     }
     else if(icon) {
         return (
@@ -12,6 +12,6 @@ export default function make_icon(icon, className) {
         )
     }
     else {
-        return null;
+        return null
     }
 }
\ No newline at end of file