aboutsummaryrefslogtreecommitdiff
path: root/demos/simple-react/src/main.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'demos/simple-react/src/main.tsx')
-rw-r--r--demos/simple-react/src/main.tsx69
1 files changed, 0 insertions, 69 deletions
diff --git a/demos/simple-react/src/main.tsx b/demos/simple-react/src/main.tsx
deleted file mode 100644
index 1a9948fe8..000000000
--- a/demos/simple-react/src/main.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from "react";
-
-export const Main = ({ productName }) => {
- return (
- <>
- <header>
- <div className="Title">CSS HMR Stress Test</div>
- <p className="Description">
- This page visually tests how quickly a bundler can update CSS over Hot
- Module Reloading.
- </p>
- </header>
- <main className="main">
- <section className="ProgressSection">
- <p className="Subtitle">
- <span className="Subtitle-part">
- Ran:&nbsp;<span className="timer"></span>
- </span>
- </p>
-
- <div className="ProgressBar-container">
- <div className="ProgressBar"></div>
- </div>
- <div className="SectionLabel">
- The progress bar should move from left to right smoothly.
- </div>
- </section>
-
- <section>
- <div className="Spinners">
- <div className="Spinner-container Spinner-1">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-2">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-3">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-4">
- <div className="Spinner"></div>
- </div>
- </div>
- <div className="SectionLabel">
- The spinners should rotate &amp; change color smoothly.
- </div>
- </section>
- </main>
- <footer>
- <div className="SectionLabel FooterLabel">
- There are no CSS animations on this page.
- </div>
-
- <div className="Bundler-container">
- <div className="Bundler">{productName}</div>
- <div className="Bundler-updateRate">
- Saving a css file every&nbsp;
- <span className="highlight">
- <span className="interval"></span>ms
- </span>
- </div>
- </div>
- </footer>
- </>
- );
-};