diff options
author | 2021-08-20 13:17:57 -0700 | |
---|---|---|
committer | 2021-08-20 13:17:57 -0700 | |
commit | 5db15b6ec7cd41cc15214f4448b064f4dd11f974 (patch) | |
tree | 4dff15a434b069e17c8cb16cca1a20e8a015212f /demos/react-fast-refresh-test/src/main.tsx | |
parent | f1d3aade3b408ead1c1459eb9e0d90e90290d687 (diff) | |
download | bun-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.tsx | 69 |
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: <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 & 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 - <span className="highlight"> - <span className="interval"></span>ms - </span> - </div> - </div> - </footer> - </> - ); -}; |