jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-26 01:05:49 -04:00
Code Issues Activity

React 18 (#863)

Browse Source 
* gymnastics to make theme script work with react 18 hydration

* try next 12.1.3 canary to fix SSG head tags?

* revert theme script changes

* next 12.1.3-canary.3

* double-revert some of the use-theme.tsx changes

* separate theme restoration script & move to _document

* bump next

* bump next (again)

* clean up some theme stuff

* use hashed image URLs in webmanifest and feeds

* text experimental react config

* Update ThemeScript.tsx

* switch selfie image to `layout="raw"`

* use `layout="raw"` for all non-imported images

* revert raw images in some places, messes up responsiveness

* fix nitpicky "no divs inside buttons" html validation error

* fix react-player hydration errors

* fix hydration errors from server/client time zone differences

* clean up hydration fixes

* Update format-date.ts

* last-minute cleanup
This commit is contained in:
Jake Jarvis
2022-04-06 09:37:16 -04:00
committed by GitHub
parent 0a741b4282
commit eccf2108c7
29 changed files with 575 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/notes/[slug].tsx
View File

@@ -1,7 +1,6 @@
import { InView } from "react-intersection-observer";
import { NextSeo, ArticleJsonLd } from "next-seo";
import { MDXRemote } from "next-mdx-remote";
import { htmlEscape } from "escape-goat";
import Content from "../../components/Content";
import NoteMeta from "../../components/NoteMeta";
import Comments from "../../components/Comments";
@@ -42,8 +41,8 @@ const Note = ({ frontMatter, source }: NoteType) => {
/>
<ArticleJsonLd
url={frontMatter.permalink}
title={htmlEscape(frontMatter.title)}
description={htmlEscape(frontMatter.description)}
title={frontMatter.title}
description={frontMatter.description}
datePublished={frontMatter.date}
dateModified={frontMatter.date}
images={frontMatter.image && [`${config.baseUrl}${frontMatter.image}`]}

4
pages/notes/index.tsx
View File

@@ -1,8 +1,8 @@
import { NextSeo } from "next-seo";
import { format } from "date-fns";
import Content from "../../components/Content";
import NotesList, { NotesListProps } from "../../components/NotesList";
import { getAllNotes } from "../../lib/helpers/parse-notes";
import { formatDateTZ } from "../../lib/helpers/format-date";
import type { GetStaticProps } from "next";
const Notes = ({ notesByYear }: NotesListProps) => (
@@ -26,7 +26,7 @@ export const getStaticProps: GetStaticProps = async () => {
const notesByYear: NotesListProps["notesByYear"] = {};
getAllNotes().map((note) => {
const year = format(new Date(note.date), "yyyy");
const year = formatDateTZ(note.date, "yyyy");
(notesByYear[year] || (notesByYear[year] = [])).push(note);
});