From cc34cfff7ce2433f9b31d23a076c51318b30b462 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 28 Jan 2022 23:12:37 -0800
Subject: [PATCH] Units only fire onClick if editable

---
 components/CharacterUnit/index.tsx | 2 +-
 components/SummonUnit/index.tsx    | 2 +-
 components/WeaponUnit/index.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/CharacterUnit/index.tsx b/components/CharacterUnit/index.tsx
index 27b36ace..353f85e6 100644
--- a/components/CharacterUnit/index.tsx
+++ b/components/CharacterUnit/index.tsx
@@ -44,7 +44,7 @@ const CharacterUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="CharacterImage" onClick={props.onClick}>
+                <div className="CharacterImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={character?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>
diff --git a/components/SummonUnit/index.tsx b/components/SummonUnit/index.tsx
index 63597315..0c31552f 100644
--- a/components/SummonUnit/index.tsx
+++ b/components/SummonUnit/index.tsx
@@ -52,7 +52,7 @@ const SummonUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="SummonImage" onClick={props.onClick}>
+                <div className="SummonImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={summon?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 46ee83b1..8e4de182 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -50,7 +50,7 @@ const WeaponUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="WeaponImage" onClick={props.onClick}>
+                <div className="WeaponImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>