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 type { AppProps } from 'next/app';
import { Footer } from './layout/Footer';
import { Header } from './layout/Header';
import Footer from './components/Footer';
import Header from './components/Header';
function MyApp({ Component, pageProps }: AppProps) {
function Runosaari({ Component, pageProps }: AppProps) {
return (
<>
<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 Image from 'next/image';
import React from 'react';
import styles from '../../styles/Footer.module.scss';
export const Footer = () => {
const Footer = () => {
return (
<footer className={styles.footer}>
<div className={styles.container}>
@@ -16,7 +17,7 @@ export const Footer = () => {
<Link href='/#nav-bar'>
<img
className={styles.logo}
src='small-logo.png'
src='/small-logo.png'
alt='small logo'
/>
</Link>
@@ -38,3 +39,5 @@ export const Footer = () => {
</footer>
);
};
export default Footer;

View File

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