Refactor directory structure

This commit is contained in:
2022-06-20 21:06:47 +03:00
parent 3461ee20f4
commit ae76fb75d7
3 changed files with 14 additions and 8 deletions

View File

@@ -1,9 +1,9 @@
import '../styles/globals.scss'; import '../styles/globals.scss';
import type { AppProps } from 'next/app'; import type { AppProps } from 'next/app';
import { Footer } from './layout/Footer'; import Footer from './components/Footer';
import { Header } from './layout/Header'; import Header from './components/Header';
function MyApp({ Component, pageProps }: AppProps) { function Runosaari({ Component, pageProps }: AppProps) {
return ( return (
<> <>
<Header /> <Header />
@@ -15,4 +15,4 @@ function MyApp({ Component, pageProps }: AppProps) {
); );
} }
export default MyApp; export default Runosaari;

View File

@@ -1,8 +1,9 @@
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
import React from 'react'; import React from 'react';
import styles from '../../styles/Footer.module.scss'; import styles from '../../styles/Footer.module.scss';
export const Footer = () => { const Footer = () => {
return ( return (
<footer className={styles.footer}> <footer className={styles.footer}>
<div className={styles.container}> <div className={styles.container}>
@@ -16,7 +17,7 @@ export const Footer = () => {
<Link href='/#nav-bar'> <Link href='/#nav-bar'>
<img <img
className={styles.logo} className={styles.logo}
src='small-logo.png' src='/small-logo.png'
alt='small logo' alt='small logo'
/> />
</Link> </Link>
@@ -38,3 +39,5 @@ export const Footer = () => {
</footer> </footer>
); );
}; };
export default Footer;

View File

@@ -1,8 +1,9 @@
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
import React from 'react'; import React from 'react';
import styles from '../../styles/Header.module.scss'; import styles from '../../styles/Header.module.scss';
export const Header = () => { const Header = () => {
return ( return (
<> <>
<header className={styles.header}> <header className={styles.header}>
@@ -31,7 +32,7 @@ export const Header = () => {
<div className={styles.logo} id='logo-start'> <div className={styles.logo} id='logo-start'>
<img <img
className={styles.logoImage} className={styles.logoImage}
src='runosaari-logo.jpg' src='/runosaari-logo.jpg'
alt='Runosaari logo' alt='Runosaari logo'
/> />
<div className={styles.logoCredits}> <div className={styles.logoCredits}>
@@ -42,3 +43,5 @@ export const Header = () => {
</> </>
); );
}; };
export default Header;