40 lines
1021 B
TypeScript
40 lines
1021 B
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import styles from '../../styles/Logo.module.scss';
|
|
import Link from 'next/link';
|
|
|
|
const Logo = () => {
|
|
const [isDesktop, setIsDesktop] = useState(true);
|
|
|
|
useEffect(() => {
|
|
setIsDesktop(window.innerWidth > 768);
|
|
}, []);
|
|
|
|
return (
|
|
<Link href="/">
|
|
<a>
|
|
<section className={styles.logoContainer}>
|
|
<div className={styles.logo} id='logo-start'>
|
|
<picture>
|
|
<source
|
|
srcSet='/runosaari-logo_small.jpg'
|
|
media='(max-width: 600px)'
|
|
/>
|
|
<source srcSet='/runosaari-logo.jpg' />
|
|
<img
|
|
src='/runosaari-logo.jpg'
|
|
alt='Runosaari logo'
|
|
className={styles.logoImage}
|
|
/>
|
|
</picture>
|
|
<div className={styles.logoCredits}>
|
|
<div>@Sanna Hukkanen</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</a>
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export default Logo;
|