vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed dep issues

Browse Source
This commit is contained in:
Yannik
2024-10-29 21:04:19 +01:00
parent b619a456eb
commit e4b026a1bd
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
package.json
View File

@@ -17,11 +17,11 @@
"next": "15.0.1", "next": "15.0.1",
"next-sanity": "^9.8.8", "next-sanity": "^9.8.8",
"next-themes": "^0.3.0", "next-themes": "^0.3.0",
"react": "19.0.0-rc-69d4b800-20241021", "react": "^18.3.1",
"react-dom": "19.0.0-rc-69d4b800-20241021", "react-dom": "^18.3.1",
"react-error-boundary": "^4.1.2", "react-error-boundary": "^4.1.2",
"react-refractor": "^3.1.1", "react-refractor": "^3.1.1",
"sanity": "^3.62.2", "sanity": "^3.62.3",
"sass": "^1.80.4", "sass": "^1.80.4",
"sonner": "^1.5.0", "sonner": "^1.5.0",
"styled-components": "^6.1.13", "styled-components": "^6.1.13",

7
src/app/[slug]/page.tsx
View File

@@ -8,7 +8,6 @@ import { Post, SanityImageAsset } from "@/sanity/sanity.types";
import urlBuilder from "@sanity/image-url"; import urlBuilder from "@sanity/image-url";
import {getImageDimensions} from '@sanity/asset-utils' import {getImageDimensions} from '@sanity/asset-utils'
import { Refractor } from 'react-refractor' import { Refractor } from 'react-refractor'
import js from 'refractor/lang/javascript'
const POST_QUERY = defineQuery(`*[_type == "post" && slug.current == $slug][0]`); const POST_QUERY = defineQuery(`*[_type == "post" && slug.current == $slug][0]`);
const POSTS_QUERY = defineQuery(`*[_type == "post"]{slug}`) const POSTS_QUERY = defineQuery(`*[_type == "post"]{slug}`)
@@ -43,10 +42,10 @@ export default async function PostPage(props: { params: PageParams }) {
const postImageUrl = post.mainImage ? urlFor(post.mainImage)?.width(550).height(310).url() : null; const postImageUrl = post.mainImage ? urlFor(post.mainImage)?.width(550).height(310).url() : null;
function Code(props: {language: string, code: string, highlightedLines: number[]}) { function Code(props: {language: string | undefined, code: string, highlightedLines: number[]}) {
return ( return (
<Refractor <Refractor
language={props.language} language={props.language || "text" }
value={props.code} value={props.code}
markers={props.highlightedLines} markers={props.highlightedLines}
/> />
@@ -94,7 +93,7 @@ export default async function PostPage(props: { params: PageParams }) {
<h1 className="text-4xl font-bold mb-8">{post.title}</h1> <h1 className="text-4xl font-bold mb-8">{post.title}</h1>
<div className="prose"> <div className="prose">
<p>Published: {new Date(post.publishedAt ?? "").toISOString().substring(0, 10)}</p> <p>Published: {new Date(post.publishedAt ?? "").toISOString().substring(0, 10)}</p>
{Code({language: post.myCodeField?.language ?? "", code: post.myCodeField?.code ?? "", highlightedLines: post.myCodeField?.highlightedLines ?? []})} {Code({language: post.myCodeField?.language, code: post.myCodeField?.code ?? "", highlightedLines: post.myCodeField?.highlightedLines ?? []})}
{Array.isArray(post.body) && <PortableText value={post.body} components={ { types: { image: PortableImage } } } />} {Array.isArray(post.body) && <PortableText value={post.body} components={ { types: { image: PortableImage } } } />}
</div> </div>
</main> </main>