diff options
Diffstat (limited to 'bench/hot-module-reloading/css-stress-test/src')
-rw-r--r-- | bench/hot-module-reloading/css-stress-test/src/index.tsx | 5 | ||||
-rw-r--r-- | bench/hot-module-reloading/css-stress-test/src/main.tsx | 20 |
2 files changed, 7 insertions, 18 deletions
diff --git a/bench/hot-module-reloading/css-stress-test/src/index.tsx b/bench/hot-module-reloading/css-stress-test/src/index.tsx index 35e7fceab..7ca290f48 100644 --- a/bench/hot-module-reloading/css-stress-test/src/index.tsx +++ b/bench/hot-module-reloading/css-stress-test/src/index.tsx @@ -3,10 +3,7 @@ import classNames from "classnames"; import ReactDOM from "react-dom"; const Base = ({}) => { - const name = - typeof location !== "undefined" - ? decodeURIComponent(location.search.substring(1)) - : null; + const name = typeof location !== "undefined" ? decodeURIComponent(location.search.substring(1)) : null; return <Main productName={name} />; }; diff --git a/bench/hot-module-reloading/css-stress-test/src/main.tsx b/bench/hot-module-reloading/css-stress-test/src/main.tsx index 2093d924f..9707deaae 100644 --- a/bench/hot-module-reloading/css-stress-test/src/main.tsx +++ b/bench/hot-module-reloading/css-stress-test/src/main.tsx @@ -4,8 +4,8 @@ export const Main = (props: { productName: string; cssInJS?: string }) => { <header> <div className="Title">CSS HMR Stress Test!</div> <p className="Description"> - This page visually tests how quickly a bundler can update{" "} - {props.cssInJS ? "CSS-in-JS" : "CSS"} over Hot Module Reloading. + This page visually tests how quickly a bundler can update {props.cssInJS ? "CSS-in-JS" : "CSS"} over Hot + Module Reloading. </p> </header> <main className="main"> @@ -19,9 +19,7 @@ export const Main = (props: { productName: string; cssInJS?: string }) => { <div className="ProgressBar-container"> <div className="ProgressBar"></div> </div> - <div className="SectionLabel"> - The progress bar should move from left to right smoothly. - </div> + <div className="SectionLabel">The progress bar should move from left to right smoothly.</div> </section> <section> @@ -42,21 +40,15 @@ export const Main = (props: { productName: string; cssInJS?: string }) => { <div className="Spinner"></div> </div> </div> - <div className="SectionLabel"> - The spinners should rotate & change color smoothly. - </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="SectionLabel FooterLabel">There are no CSS animations on this page.</div> <div className="Bundler-container"> <div className="Bundler">{props.productName}</div> - <div className="Bundler-updateRate"> - {props.cssInJS ? "CSS-in-JS framework: " + props.cssInJS : ""} - </div> + <div className="Bundler-updateRate">{props.cssInJS ? "CSS-in-JS framework: " + props.cssInJS : ""}</div> </div> </footer> </> |