format

front/components/arrows/BendableArrow.tsx

@@ -116,7 +116,8 @@ export default function BendableArrow({
 
     const styleWidth = style?.width ?? ArrowStyleDefaults.width
 
-    const computeInternalSegments = useCallback((segments: Segment[]) => {
+    const computeInternalSegments = useCallback(
+        (segments: Segment[]) => {
             return segments.map((segment, idx) => {
                 if (idx == 0) {
                     return {
@@ -132,7 +133,9 @@ export default function BendableArrow({
                     end: segment.next,
                 }
             })
-    }, [segments, startPos])
+        },
+        [segments, startPos],
+    )
 
     // Cache the segments so that when the user is changing the segments (it moves an ArrowPoint),
     // it does not unwind to this arrow's component parent until validated.
@@ -151,8 +154,6 @@ export default function BendableArrow({
     const headRef = useRef<HTMLDivElement>(null)
     const tailRef = useRef<HTMLDivElement>(null)
 
-
-
     /**
      * Computes and return the segments edition points
      * @param parentBase

front/style/home/titre.css

@@ -1,11 +1,10 @@
-
 #main {
     margin-left: 10%;
     margin-right: 10%;
     border: solid 2px purple;
     display: flex;
     flex-direction: column;
-    font-family: Helvetica,;
+    font-family: Helvetica;
 }
 
 .new {
@@ -22,14 +21,13 @@
     display: flex;
     flex-direction: row;
     border: solid 10px violet;
-    margin:0px
+    margin: 0px;
 }
 
 #personal-space {
     background-color: orange;
     display: flex;
     flex-direction: column;
-
 }
 
 #sideMenu {
@@ -48,13 +46,12 @@
 .titreSideMenu {
     border-bottom: black solid 2px;
     width: 95%;
-
 }
 
 #sideMenu .title {
     font-size: 13px;
     font-weight: bold;
-    color : #FFFFFF;
+    color: #ffffff;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color: black;
@@ -83,5 +80,4 @@ td {
 
 td:hover {
     background-color: red;
-
 }