From 7eb887edd527713214790198de3ccfe828a5768d Mon Sep 17 00:00:00 2001
From: Jarred Sumner <jarred@jarredsumner.com>
Date: Mon, 14 Jun 2021 19:45:51 -0700
Subject: HMR crashily works, started working on CSS Scanner

Former-commit-id: d0f91082fcc8da17d224acb5432339c5d817e1c2
---
 demos/simple-react/src/components/button.tsx |  4 +++-
 demos/simple-react/src/index.css             |  3 +++
 demos/simple-react/src/index.tsx             | 18 +++++++++++-------
 3 files changed, 17 insertions(+), 8 deletions(-)
 create mode 100644 demos/simple-react/src/index.css

(limited to 'demos/simple-react/src')

diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
index 2b4ae9483..8614dacc3 100644
--- a/demos/simple-react/src/components/button.tsx
+++ b/demos/simple-react/src/components/button.tsx
@@ -2,6 +2,8 @@ import React from "react";
 
 export const Button = ({ label, label2, onClick }) => (
   <div className="Button" onClick={onClick}>
-    <div className="Button-label">{label}</div>
+    <div className="Button-label">Butto123n!123{label}</div>
+    <div className="Button-label">Butto123n!123{label}</div>
+    <div className="Button-label">Butto123n!123{label}</div>
   </div>
 );
diff --git a/demos/simple-react/src/index.css b/demos/simple-react/src/index.css
new file mode 100644
index 000000000..04e7110b4
--- /dev/null
+++ b/demos/simple-react/src/index.css
@@ -0,0 +1,3 @@
+body {
+  background-color: pink;
+}
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
index 46e0027ef..db66d786b 100644
--- a/demos/simple-react/src/index.tsx
+++ b/demos/simple-react/src/index.tsx
@@ -1,17 +1,20 @@
 import ReactDOM from "react-dom";
+import React from "react";
 import { Button } from "./components/button";
-import { DatePicker } from "antd";
+import classNames from "classnames";
 
 const Base = ({}) => {
   return (
-    <main>
-      <h1>I am the page</h1>
-      <h3 className="bacon">Here is some text</h3>
-      <>Fragmen!t</>
-      <DatePicker />
+    <main className={classNames("main")}>
+      <h3 className={classNames("hi")}>Here is some text</h3>
+      <h3 className={classNames("extremely")}></h3>
+      <>
+        Fargment!1239899080909123123123123123poaksdpoaksdpopokasdpokasdpokaspodkapsodk
+        poaksdpok123123
+      </>
 
       <Button
-        label="Do not click."
+        label="Do notencoding! cl1ick."
         onClick={() => alert("I told u not to click!")}
       ></Button>
     </main>
@@ -25,5 +28,6 @@ function startReact() {
 globalThis.addEventListener("DOMContentLoaded", () => {
   startReact();
 });
+startReact();
 
 export { Base };
-- 
cgit v1.2.3