From 4d544caf1942eaf1e48ce3d0de6cbba26096a128 Mon Sep 17 00:00:00 2001
From: Jonas Geertsen Lund <jgl21@student.aau.dk>
Date: Thu, 7 Nov 2024 15:24:07 +0100
Subject: [PATCH] Change color of vessel on path

---
 src/components/pathOverlay.tsx | 4 ++--
 src/components/timeline.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/pathOverlay.tsx b/src/components/pathOverlay.tsx
index 19c9be0..f2a1d57 100644
--- a/src/components/pathOverlay.tsx
+++ b/src/components/pathOverlay.tsx
@@ -74,7 +74,7 @@ function pathToGraphic(path: ILocation[]): IGraphicOptions {
     })
     graphic.clear()
 
-    graphic.lineStyle(1 / scale, 0x5858ff, 1)
+    graphic.lineStyle(1 / scale, 0x005cc8, 1)
     graphic.moveTo(projectedCords[0].x, projectedCords[0].y)
     for (let i = 1; i < projectedCords.length; i++) {
       graphic.lineTo(projectedCords[i].x, projectedCords[i].y)
@@ -97,7 +97,7 @@ function vesselToGraphic(
     const sprite: PIXI.Sprite = new PIXI.Sprite(location.heading ? arrowTexture : circleTexture)
     sprite.anchor.set(0.5, 0.5)
     sprite.rotation = Math.PI / 2 + (location.heading ? (location.heading * Math.PI) / 180 : 0)
-    sprite.tint = 0x5858ff
+    sprite.tint = 0x005cc8
     sprite.x = projectedCords.x
     sprite.y = projectedCords.y
     sprite.width = 20 / scale
diff --git a/src/components/timeline.tsx b/src/components/timeline.tsx
index c3e7573..81f7dfe 100644
--- a/src/components/timeline.tsx
+++ b/src/components/timeline.tsx
@@ -42,7 +42,7 @@ export default function Timeline({ timestamps, onChange, timelineVal, setTimelin
             ? timestamps[timelineVal].toISOString().replace('T', ' ').replace('Z', '').slice(0, 19)
             : 'unknown'}
         </p>
-        <button onClick={closePath} className="ml-auto -mr-2">
+        <button title="Hide path" onClick={closePath} className="ml-auto -mr-2">
           <CloseSVG />
         </button>
       </div>