Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-11-02 18:47:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use scrollIntoView instead of link

Browse Source
This commit is contained in:
MAZE 2023-11-05 15:02:53 +03:30
parent 5cfb9a8293
commit 4d2645f06c
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/sections/ready/ready.tsx
View File

@ -5,6 +5,12 @@ import { Container } from '@/components/container';
import styles from './ready.module.css'; import styles from './ready.module.css';
export function Ready() { export function Ready() {
const handleClick = () => {
const app = document.getElementById('app');
app?.scrollIntoView(true);
};
return ( return (
<div className={styles.ready}> <div className={styles.ready}>
<Container> <Container>
@ -18,9 +24,9 @@ export function Ready() {
<h2 className={styles.title}>Are you ready?</h2> <h2 className={styles.title}>Are you ready?</h2>
<p className={styles.desc}>Create your calm oasis in seconds!</p> <p className={styles.desc}>Create your calm oasis in seconds!</p>
<a className={styles.button} href="#app"> <button className={styles.button} onClick={handleClick}>
Use Moodist Use Moodist
</a> </button>
</div> </div>
</Container> </Container>
</div> </div>

2
src/pages/index.astro
View File

@ -12,6 +12,6 @@ import { AboutSection, WhySection, ReadySection } from '@/components/sections';
<App client:load /> <App client:load />
<AboutSection /> <AboutSection />
<WhySection /> <WhySection />
<ReadySection /> <ReadySection client:load />
<Footer /> <Footer />
</Layout> </Layout>