src directory

src/components/Navbar.tsx

@@ -1,5 +1,6 @@
 import { useTheme } from "next-themes";
-import { FaMoon, FaSun } from "react-icons/fa";
+import { BiMoon } from "react-icons/bi";
+import { ImSun } from "react-icons/im";
 
 const Navbar = () => {
   const { theme, setTheme } = useTheme();
@@ -14,8 +15,8 @@ const Navbar = () => {
           <a href="/#contact">Contact</a>
           <a href="https://github.com/guusvanmeerveld/portfolio">Source code</a>
 
-          <FaMoon onClick={switchTheme} className="dark-switch moon" />
+          <BiMoon onClick={switchTheme} className="dark-switch moon" />
-          <FaSun onClick={switchTheme} className="dark-switch sun" />
+          <ImSun onClick={switchTheme} className="dark-switch sun" />
         </div>
       </div>
     </nav>

src/pages/404.tsx

@@ -1,5 +1,5 @@
-import Page from "@components/Page";
+import Page from "src/components/Page";
-import Layout from "@components/Layout";
+import Layout from "src/components/Layout";
 
 const NotFound = () => (
   <Page title="Page not found" description="This page either doesn't exist or has been deleted">

src/pages/_app.tsx

@@ -1,9 +1,9 @@
 import { ThemeProvider } from "next-themes";
 
-import "../styles/milligram.min.css";
+import "@styles/milligram.min.css";
-import "../styles/raleway.css";
+import "@styles/raleway.css";
 
-import "../styles/sass/index.scss";
+import "@styles/sass/index.scss";
 
 function App({ Component, pageProps }) {
   return (

src/pages/binas.tsx

@@ -1,6 +1,6 @@
 import Page from "@components/Page";
-import { Component } from "react";
 import Layout from "@components/Layout";
+import { Component } from "react";
 
 class Binas extends Component {
   links: string[];

src/pages/thanks.tsx

@@ -1,5 +1,5 @@
-import Page from "@components/Page";
+import Page from "src/components/Page";
-import Layout from "@components/Layout";
+import Layout from "src/components/Layout";
 
 const Thanks = () => (
   <Page title="Thanks!" description="Thanks for submitting your contact form!">

tsconfig.json

@@ -2,8 +2,9 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@components/*": ["components/*"],
+      "@components/*": ["src/components/*"],
-      "@public/*": ["public/*"]
+      "@public/*": ["src/public/*"],
+      "@styles/*": ["src/styles/*"]
     },
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],