From 2865997d1e473aab9560857d1304f37e0c5d29e1 Mon Sep 17 00:00:00 2001
From: Balte de Wit <contact@balte.nl>
Date: Fri, 23 Feb 2024 13:53:10 +0100
Subject: [PATCH] chore: kill harry the dino

---
 packages/apps/client/src/PrompterStyles.css                 | 6 ++++++
 .../apps/client/src/components/RundownOutput/MdDisplay.tsx  | 2 ++
 .../apps/client/src/components/ScriptEditor/scriptSchema.ts | 3 ++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/apps/client/src/PrompterStyles.css b/packages/apps/client/src/PrompterStyles.css
index 27135f3..e780619 100644
--- a/packages/apps/client/src/PrompterStyles.css
+++ b/packages/apps/client/src/PrompterStyles.css
@@ -97,4 +97,10 @@
 }
 .Prompter span.colour.yellow {
 	color: yellow
+}
+.Prompter rev span.colour.yellow, .Prompter span.colour.yellow rev {
+	color: rgb(113, 0, 237);
+}
+.Prompter span.screen-marker {
+	margin: 10px;
 }
\ No newline at end of file
diff --git a/packages/apps/client/src/components/RundownOutput/MdDisplay.tsx b/packages/apps/client/src/components/RundownOutput/MdDisplay.tsx
index 5e3f399..22bfde3 100644
--- a/packages/apps/client/src/components/RundownOutput/MdDisplay.tsx
+++ b/packages/apps/client/src/components/RundownOutput/MdDisplay.tsx
@@ -32,6 +32,8 @@ function MdNode({ content }: { content: Node }): React.ReactNode {
 			return content.value
 		case 'hidden':
 			return null
+		case 'screenMarker':
+			return React.createElement('span', { className: 'screen-marker' }, '❤️')
 		default:
 			assertNever(content)
 			return null
diff --git a/packages/apps/client/src/components/ScriptEditor/scriptSchema.ts b/packages/apps/client/src/components/ScriptEditor/scriptSchema.ts
index 12d1351..3ed5d82 100644
--- a/packages/apps/client/src/components/ScriptEditor/scriptSchema.ts
+++ b/packages/apps/client/src/components/ScriptEditor/scriptSchema.ts
@@ -90,7 +90,8 @@ export const schema = new Schema({
 			group: 'inline',
 			inline: true,
 			toDOM() {
-				return ['span', {}, '🦕']
+				// temporary icon, to be replaced with a better design after UX sessions:
+				return ['span', { class: 'screen-marker' }, '❤️'] // R.I.P Harry the Dino 🦕 :( (killed by the designers who wanted something more serious)
 			},
 		},
 	},