From abcda31ed3631f1ca38c2305b404c931dd4ed61b Mon Sep 17 00:00:00 2001
From: Nicolas James <Eele1Ephe7uZahRie@tutanota.com>
Date: Sat, 8 Mar 2025 18:06:01 +1100
Subject: Correct loading of css from invalid css-loader v3/v4 migration

---
 src/components/greeter/Greeter.css | 10 ++++++++++
 src/components/greeter/Greeter.jsx | 10 ++++++++++
 src/components/site/Site.jsx       |  9 ---------
 src/index.jsx                      |  4 ++--
 4 files changed, 22 insertions(+), 11 deletions(-)
 create mode 100644 src/components/greeter/Greeter.css
 create mode 100644 src/components/greeter/Greeter.jsx
 delete mode 100644 src/components/site/Site.jsx

(limited to 'src')

diff --git a/src/components/greeter/Greeter.css b/src/components/greeter/Greeter.css
new file mode 100644
index 0000000..5a7255d
--- /dev/null
+++ b/src/components/greeter/Greeter.css
@@ -0,0 +1,10 @@
+.container {
+    min-height: 100vh;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    background-color: #2f2f2f;
+    color: #dedede;
+}
\ No newline at end of file
diff --git a/src/components/greeter/Greeter.jsx b/src/components/greeter/Greeter.jsx
new file mode 100644
index 0000000..57745ba
--- /dev/null
+++ b/src/components/greeter/Greeter.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./Greeter.css";
+
+export default function Greeter() {
+    return (
+    	<div className={styles.container}>
+			Hello CSS
+		</div>
+    )
+}
diff --git a/src/components/site/Site.jsx b/src/components/site/Site.jsx
deleted file mode 100644
index 34c890e..0000000
--- a/src/components/site/Site.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from "react";
-
-export default function Site() {
-    return (
-    	<div>
-		test build
-	</div>
-    )
-}
diff --git a/src/index.jsx b/src/index.jsx
index 2160d89..0d2c454 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import {createRoot} from "react-dom/client";
 import {BrowserRouter, Routes, Route} from "react-router-dom";
 
-import Site from "./components/site/Site.jsx";
+import Greeter from "./components/greeter/Greeter.jsx";
 import NotFound from "./components/not_found/NotFound.jsx";
 
 import "./reset.css";
@@ -13,7 +13,7 @@ function BrowserRoutes() {
     return (
         <BrowserRouter>
             <Routes>
-                <Route path="/*" element={<Site />} />
+                <Route path="/*" element={<Greeter />} />
                 <Route path="*" element={<NotFound />} />
             </Routes>
         </BrowserRouter>
-- 
cgit v1.2.3