AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 10:42:08 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Update: Add html head to brewery map page

Browse Source
This commit is contained in:
Aaron William Po
2023-04-30 23:44:28 -04:00
parent 1a806e7aff
commit f3d471be4c
2 changed files with 49 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/breweries/index.tsx
View File

@@ -7,7 +7,7 @@ import BreweryPostQueryResult from '@/services/BreweryPost/types/BreweryPostQuer
import { NextPage } from 'next'; import { NextPage } from 'next';
import Head from 'next/head'; import Head from 'next/head';
import { useContext, MutableRefObject, useRef } from 'react'; import { useContext, MutableRefObject, useRef } from 'react';
import { Link } from 'react-daisyui'; import Link from 'next/link';
import { FaPlus, FaArrowUp } from 'react-icons/fa'; import { FaPlus, FaArrowUp } from 'react-icons/fa';
import { useInView } from 'react-intersection-observer'; import { useInView } from 'react-intersection-observer';
import { z } from 'zod'; import { z } from 'zod';

10
src/pages/breweries/map.tsx
View File

@@ -12,6 +12,7 @@ import DBClient from '@/prisma/DBClient';
import LocationMarker from '@/components/ui/LocationMarker'; import LocationMarker from '@/components/ui/LocationMarker';
import Link from 'next/link'; import Link from 'next/link';
import Head from 'next/head';
type MapStyles = Record<'light' | 'dark', `mapbox://styles/mapbox/${string}`>; type MapStyles = Record<'light' | 'dark', `mapbox://styles/mapbox/${string}`>;
@@ -69,6 +70,14 @@ const BreweryMapPage: NextPage<BreweryMapPageProps> = ({ breweries }) => {
[breweries], [breweries],
); );
return ( return (
<>
<Head>
<title>Brewery Map | The Biergarten App</title>
<meta
name="description"
content="Find breweries near you and around the world."
/>
</Head>
<div className="h-full"> <div className="h-full">
<Map <Map
initialViewState={{ zoom: 2 }} initialViewState={{ zoom: 2 }}
@@ -107,6 +116,7 @@ const BreweryMapPage: NextPage<BreweryMapPageProps> = ({ breweries }) => {
)} )}
</Map> </Map>
</div> </div>
</>
); );
}; };