From b22f0a8ae7b526e79bda41a16a893e33631a6d12 Mon Sep 17 00:00:00 2001
From: NilsUeter <nils.ueter@gmail.com>
Date: Sat, 20 May 2023 19:13:35 +0200
Subject: [PATCH] hide rules when desired

---
 src/Roster.jsx  | 59 ++++++++++++++++++++++++++++++++-----------------
 src/Weapons.jsx |  2 +-
 2 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/src/Roster.jsx b/src/Roster.jsx
index 508bf7c..3f7af02 100644
--- a/src/Roster.jsx
+++ b/src/Roster.jsx
@@ -808,29 +808,48 @@ const getSpellClassNames = (spells, index) => {
 };
 
 const ForceRules = ({ rules, onePerPage }) => {
+	const [hide, setHide] = useState(false);
 	return (
 		<div
-			className={"avoid-page-break " + (onePerPage ? "page-break" : "")}
-			style={{
-				display: "flex",
-				flexDirection: "column",
-				gap: 8,
-				padding: "var(--size-20)",
-				backgroundColor: "#dfe0e2",
-				border: "2px solid var(--primary-color)",
-				marginBottom: 32,
-			}}
+			className={
+				"avoid-page-break " +
+				(onePerPage ? "page-break" : "") +
+				(hide ? " print-display-none" : "")
+			}
 		>
-			{[...rules.keys()].map((rule) => (
-				<div
-					key={rule}
-					style={{
-						lineHeight: 1.4,
-					}}
-				>
-					<span style={{ fontWeight: 700 }}>{rule}:</span> {rules.get(rule)}
-				</div>
-			))}
+			<label
+				className="print-display-none"
+				style={{
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "flex-end",
+				}}
+			>
+				<input type="checkbox" onChange={() => setHide(!hide)} />
+				<span className="print-display-none">Don't print this card.</span>
+			</label>
+			<div
+				style={{
+					display: "flex",
+					flexDirection: "column",
+					gap: 8,
+					padding: "var(--size-20)",
+					backgroundColor: "#dfe0e2",
+					border: "2px solid var(--primary-color)",
+					marginBottom: 32,
+				}}
+			>
+				{[...rules.keys()].map((rule) => (
+					<div
+						key={rule}
+						style={{
+							lineHeight: 1.4,
+						}}
+					>
+						<span style={{ fontWeight: 700 }}>{rule}:</span> {rules.get(rule)}
+					</div>
+				))}
+			</div>
 		</div>
 	);
 };
diff --git a/src/Weapons.jsx b/src/Weapons.jsx
index bcddb6b..40426bb 100644
--- a/src/Weapons.jsx
+++ b/src/Weapons.jsx
@@ -108,7 +108,7 @@ const Weapon = ({ weapon, modelStats, isMelee, className, forceRules }) => {
 		return abilities;
 	};
 
-	replaceAbilityWithType(["Blast.", "Blast"], "Blast");
+	replaceAbilityWithType(["Blast.", "Blast, ", "Blast"], "Blast");
 	replaceAbilityWithType(
 		[
 			"Each time an attack is made with this weapon, that attack automatically hits the target.",