fix: navigate next13.x upgrade

This commit is contained in:
Cory Dransfeldt 2023-06-17 11:36:33 -07:00
parent f2029bf4a1
commit 5a7a14da50
No known key found for this signature in database
23 changed files with 7959 additions and 101 deletions

View file

@ -28,7 +28,7 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
<>
<PageSEO title={`Band - ${name}`} description={`Band - ${name}`} />
<div className="divide-y divide-gray-200 dark:divide-gray-700">
<div className="space-y-2 pt-6 pb-8 md:space-y-5">
<div className="space-y-2 pb-8 pt-6 md:space-y-5">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
Band
</h1>
@ -38,8 +38,8 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
<Image
src={bannerimage}
alt="avatar"
width="1250px"
height="579px"
width="1250"
height="579"
className="rounded-sm"
/>
<div className="flex space-x-3 pt-8">
@ -54,7 +54,7 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
<SocialIcon kind="lastfm" href={lastfm} />
</div>
</div>
<div className="prose max-w-none pt-8 pb-8 dark:prose-dark xl:col-span-2">{children}</div>
<div className="prose max-w-none pb-8 pt-8 dark:prose-dark xl:col-span-2">{children}</div>
</div>
</div>
</>

View file

@ -1,4 +1,4 @@
import Link from '@/components/Link'
import Link from 'next/link'
import Tag from '@/components/Tag'
import { ComponentProps, useState } from 'react'
import Pagination from '@/components/Pagination'
@ -25,7 +25,7 @@ export default function ListLayout({ posts, title, initialDisplayPosts = [], pag
return (
<>
<div className="divide-y divide-gray-200 dark:divide-gray-700">
<div className="space-y-2 pt-6 pb-8 md:space-y-5">
<div className="space-y-2 pb-8 pt-6 md:space-y-5">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
{title}
</h1>

View file

@ -1,4 +1,4 @@
import Link from '@/components/Link'
import Link from 'next/link'
import PageTitle from '@/components/PageTitle'
import SectionContainer from '@/components/SectionContainer'
import { BlogSEO } from '@/components/SEO'
@ -61,7 +61,7 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
className="divide-y divide-gray-200 pb-8 dark:divide-gray-700 xl:grid xl:grid-cols-4 xl:gap-x-6 xl:divide-y-0"
style={{ gridTemplateRows: 'auto 1fr' }}
>
<dl className="pt-6 pb-10 xl:border-b xl:border-gray-200 xl:pt-11 xl:dark:border-gray-700">
<dl className="pb-10 pt-6 xl:border-b xl:border-gray-200 xl:pt-11 xl:dark:border-gray-700">
<dt className="sr-only">Authors</dt>
<dd>
<ul className="flex justify-center space-x-8 sm:space-x-12 xl:block xl:space-x-0 xl:space-y-8">
@ -70,8 +70,8 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
{author.avatar && (
<Image
src={author.avatar}
width="64px"
height="64px"
width="64"
height="64"
alt="avatar"
className="h-10 w-10 rounded-full"
/>
@ -97,7 +97,7 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
</dd>
</dl>
<div className="divide-y divide-gray-200 dark:divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0">
<div className="prose max-w-none pt-10 pb-8 dark:prose-dark">
<div className="prose max-w-none pb-8 pt-10 dark:prose-dark">
{children}
{youtubeId ? <YoutubeVideo title={title} data={youtubeId} /> : null}
</div>

View file

@ -1,4 +1,4 @@
import Link from '@/components/Link'
import Link from 'next/link'
import PageTitle from '@/components/PageTitle'
import SectionContainer from '@/components/SectionContainer'
import { BlogSEO } from '@/components/SEO'
@ -45,7 +45,7 @@ export default function PostLayout({ frontMatter, next, prev, children }: Props)
style={{ gridTemplateRows: 'auto 1fr' }}
>
<div className="divide-y divide-gray-200 dark:divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0">
<div className="prose max-w-none pt-10 pb-8 dark:prose-dark">{children}</div>
<div className="prose max-w-none pb-8 pt-10 dark:prose-dark">{children}</div>
</div>
<Comments frontMatter={frontMatter} />
<footer>