From 4608dcd265df4a9bb320e45c48617041c3e63fe8 Mon Sep 17 00:00:00 2001
From: Evgenia Karunus <lakesare@gmail.com>
Date: Thu, 3 Aug 2023 22:44:14 +0500
Subject: [PATCH] focusing - tactics are always full opacity

---
 app/src/index.css                                     | 7 ++++++-
 app/src/services/buildProofTree/services/DrawShape.ts | 4 ++++
 app/src/shapes/CustomNodeUtil.tsx                     | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/src/index.css b/app/src/index.css
index fa9ef32..06b4d0f 100644
--- a/app/src/index.css
+++ b/app/src/index.css
@@ -103,7 +103,12 @@ html, * {
 
 
 
-.node-not-focused{
+.shape-node:hover{
+  cursor: pointer;
+  opacity: 0.65;
+}
+
+.shape-node.-not-focused{
   opacity: 0.2;
 }
 
diff --git a/app/src/services/buildProofTree/services/DrawShape.ts b/app/src/services/buildProofTree/services/DrawShape.ts
index 4338dde..a556e7a 100644
--- a/app/src/services/buildProofTree/services/DrawShape.ts
+++ b/app/src/services/buildProofTree/services/DrawShape.ts
@@ -36,6 +36,10 @@ const tactic = (editor: Editor,
         fill: "none",
         color: "grey",
       },
+      // probably better as a separate shape
+      meta: {
+        isTactic: true
+      }
     },
   ]);
 }
diff --git a/app/src/shapes/CustomNodeUtil.tsx b/app/src/shapes/CustomNodeUtil.tsx
index 2f5bfb5..583f786 100644
--- a/app/src/shapes/CustomNodeUtil.tsx
+++ b/app/src/shapes/CustomNodeUtil.tsx
@@ -18,7 +18,7 @@ export default class CustomNodeUtil extends GeoShapeUtil {
     const superRender = super.component(shape);
 
     return <div
-      className={shape.meta.isFocused ? "" : "node-not-focused"}
+      className={shape.meta.isFocused || shape.meta.isTactic ? "shape-node" : "shape-node -not-focused"}
     >
       {superRender}
     </div>