From 9850f2026632c0ffc9409ce5a492a8866e92bc1f Mon Sep 17 00:00:00 2001
From: Ryan Christian <rchristian@ryanchristian.dev>
Date: Tue, 18 Jun 2024 18:24:46 -0500
Subject: [PATCH] refactor: Extract style tag contents to CSS files

---
 src/components/controllers/repl/index.jsx            |  9 ---------
 src/components/controllers/repl/style.module.css     |  5 +++++
 src/components/controllers/tutorial/index.jsx        | 11 -----------
 src/components/controllers/tutorial/style.module.css |  6 ++++++
 4 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/components/controllers/repl/index.jsx b/src/components/controllers/repl/index.jsx
index 9ddcb6719..0e867385f 100644
--- a/src/components/controllers/repl/index.jsx
+++ b/src/components/controllers/repl/index.jsx
@@ -306,15 +306,6 @@ export class Repl extends Component {
 const ReplWrapper = ({ loading, children }) => (
 	<div class={style.repl}>
 		<loading-bar showing={!!loading} />
-		<style>{`
-			main {
-				height: 100% !important;
-				overflow: hidden !important;
-			}
-			footer {
-				display: none !important;
-			}
-		`}</style>
 		{children}
 	</div>
 );
diff --git a/src/components/controllers/repl/style.module.css b/src/components/controllers/repl/style.module.css
index afd842c4e..269573031 100644
--- a/src/components/controllers/repl/style.module.css
+++ b/src/components/controllers/repl/style.module.css
@@ -151,3 +151,8 @@
 	width: 100%;
 	height: 100%;
 }
+
+:global(main) {
+	height: 100% !important;
+	overflow: hidden !important;
+}
diff --git a/src/components/controllers/tutorial/index.jsx b/src/components/controllers/tutorial/index.jsx
index 19972996a..16bf9b924 100644
--- a/src/components/controllers/tutorial/index.jsx
+++ b/src/components/controllers/tutorial/index.jsx
@@ -309,16 +309,6 @@ function TutorialView({
 	);
 }
 
-const REPL_CSS = `
-	main {
-		height: 100% !important;
-		overflow: hidden !important;
-	}
-	footer {
-		display: none !important;
-	}
-`;
-
 function ReplWrapper({
 	tutorialLoading,
 	solvable,
@@ -330,7 +320,6 @@ function ReplWrapper({
 	return (
 		<div class={style.tutorial}>
 			<loading-bar showing={!!tutorialLoading} />
-			<style>{REPL_CSS}</style>
 			<div
 				class={cx(
 					style.tutorialWrapper,
diff --git a/src/components/controllers/tutorial/style.module.css b/src/components/controllers/tutorial/style.module.css
index d31836876..adf316caf 100644
--- a/src/components/controllers/tutorial/style.module.css
+++ b/src/components/controllers/tutorial/style.module.css
@@ -397,3 +397,9 @@
 .output {
 	height: 100%;
 }
+
+/* For REPL */
+:global(main) {
+	height: 100% !important;
+	overflow: hidden !important;
+}