start demo btn
This commit is contained in:
parent
176fe3de7c
commit
e141a320c4
21
src/App.tsx
21
src/App.tsx
@ -1,8 +1,27 @@
|
|||||||
import Prototype2 from 'src/components/Prototype2';
|
import Prototype2 from 'src/components/Prototype2';
|
||||||
import 'src/App.css';
|
import 'src/App.css';
|
||||||
|
import { useState } from 'react';
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
return <Prototype2 />;
|
const [playDemo, setPlayDemo] = useState(false);
|
||||||
|
|
||||||
|
if (playDemo) {
|
||||||
|
return <Prototype2 />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="h-screen flex items-center justify-center">
|
||||||
|
<button
|
||||||
|
onClick={() => setPlayDemo(true)}
|
||||||
|
className="w-100 bg-transparent hover:bg-blue-500
|
||||||
|
text-blue-700 font-semibold hover:text-white py-2
|
||||||
|
px-4 border border-blue-500 hover:border-transparent
|
||||||
|
rounded text-4xl"
|
||||||
|
>
|
||||||
|
START AMAZING DEMO!!!
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default App;
|
export default App;
|
||||||
|
@ -59,7 +59,7 @@ const Prototype2 = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// generate message every five seconds
|
// generate message every five seconds
|
||||||
const interval = setInterval(generateMessage, ONE_SECOND_IN_MS * 5);
|
const interval = setInterval(generateMessage, ONE_SECOND_IN_MS * 7);
|
||||||
|
|
||||||
return () => clearInterval(interval);
|
return () => clearInterval(interval);
|
||||||
}, []);
|
}, []);
|
||||||
|
Loading…
Reference in New Issue
Block a user