From 7c6c0a2b81fe10b5760e3c959c3362bdd0f8682b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:48:18 -0600
Subject: [PATCH] feat: trace lines

---
 src/components/ShotDisplay.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/ShotDisplay.tsx b/src/components/ShotDisplay.tsx
index 58466c8df..c60c3ad12 100644
--- a/src/components/ShotDisplay.tsx
+++ b/src/components/ShotDisplay.tsx
@@ -81,7 +81,12 @@ export function ShotDisplay() {
       </mesh>
 
       <group ref={entryWrapper}>
-        <Html position={[0, 0, LENGTH]}>
+        <Html
+          position={[0, 0, LENGTH]}
+          style={{
+            paddingLeft: 16,
+          }}
+        >
           <Card
             style={{
               width: 300,
@@ -131,7 +136,11 @@ export function ShotDisplay() {
           ref={entryLine}
         >
           <cylinderGeometry args={[THICKNESS / 2, THICKNESS / 2, LENGTH, 8]} />
-          <meshBasicMaterial color="white" depthTest={false} />
+          <meshBasicMaterial color="#ffff80" depthTest={false} />
+        </mesh>
+        <mesh position={[0, 0, LENGTH / 2]} rotation={[Math.PI / 2, 0, 0]}>
+          <cylinderGeometry args={[THICKNESS / 4, THICKNESS / 4, LENGTH, 8]} />
+          <meshBasicMaterial color="#ffffff" depthTest={false} />
         </mesh>
       </group>
 
@@ -145,7 +154,13 @@ export function ShotDisplay() {
             <cylinderGeometry
               args={[THICKNESS / 2, THICKNESS / 2, LENGTH, 8]}
             />
-            <meshBasicMaterial color="white" depthTest={false} />
+            <meshBasicMaterial color="#ff8080" depthTest={false} />
+          </mesh>
+          <mesh position={[0, 0, LENGTH / 2]} rotation={[Math.PI / 2, 0, 0]}>
+            <cylinderGeometry
+              args={[THICKNESS / 4, THICKNESS / 4, LENGTH, 8]}
+            />
+            <meshBasicMaterial color="#ffffff" depthTest={false} />
           </mesh>
         </group>
       )}