···11import Link from "next/link";
22-import type Project from "../types/Project";
22+import type Project from "@/types/Project";
3344interface ProjectSectionItemProps {
55 project: Project;
-32
pages/places.js
···11-import Head from "next/head";
22-import { Component } from "react";
33-import BaseLayout from "../components/BaseLayout";
44-import BaseMap from "../components/BaseMap";
55-66-export default class Places extends Component {
77- render() {
88- return (
99- <>
1010- <Head>
1111- <link // Styles Mapbox and adds features. Removing this makes the map very simplistic
1212- href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css"
1313- rel="stylesheet"
1414- />
1515- </Head>
1616- <BaseLayout titleText={"Places"}>
1717- <div className="space-y-4">
1818- <h2>Places</h2>
1919- <p className="text-lg">Where I've been...</p>
2020- <div
2121- className="w-full h-96 overflow-hidden
2222- rounded-lg
2323- border border-stone-500"
2424- >
2525- <BaseMap />
2626- </div>
2727- </div>
2828- </BaseLayout>
2929- </>
3030- );
3131- }
3232-}