aboutsummaryrefslogtreecommitdiff
path: root/demos/react-fast-refresh-test/src/main.tsx
diff options
context:
space:
mode:
authorGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-08-20 13:17:57 -0700
committerGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-08-20 13:17:57 -0700
commit5db15b6ec7cd41cc15214f4448b064f4dd11f974 (patch)
tree4dff15a434b069e17c8cb16cca1a20e8a015212f /demos/react-fast-refresh-test/src/main.tsx
parentf1d3aade3b408ead1c1459eb9e0d90e90290d687 (diff)
downloadbun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.tar.gz
bun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.tar.zst
bun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.zip
demos -> examples
Former-commit-id: 19a5d395bd41b0a0b854cdf749eb96149f91cbe1
Diffstat (limited to 'demos/react-fast-refresh-test/src/main.tsx')
-rw-r--r--demos/react-fast-refresh-test/src/main.tsx69
1 files changed, 0 insertions, 69 deletions
diff --git a/demos/react-fast-refresh-test/src/main.tsx b/demos/react-fast-refresh-test/src/main.tsx
deleted file mode 100644
index 1a9948fe8..000000000
--- a/demos/react-fast-refresh-test/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>
- </>
- );
-};