From d20d1b5f73b4a7d3f167c3e4198648d4af825f42 Mon Sep 17 00:00:00 2001 From: Sam Becker Date: Wed, 24 Apr 2024 19:48:48 -0500 Subject: [PATCH] Move root to swr --- package.json | 1 + pnpm-lock.yaml | 14 +++++ src/app/layout.tsx | 37 ++++++------ src/app/page.tsx | 26 ++++---- src/photo/InfinitePhotoScroll.tsx | 99 +++++++++++++++++++++++++++++++ src/photo/actions.tsx | 4 ++ src/state/SWRConfigClient.tsx | 13 ++++ src/tag/PhotoTags.tsx | 9 +-- 8 files changed, 168 insertions(+), 35 deletions(-) create mode 100644 src/photo/InfinitePhotoScroll.tsx create mode 100644 src/state/SWRConfigClient.tsx diff --git a/package.json b/package.json index 517e1e20..02574855 100644 --- a/package.json +++ b/package.json @@ -51,6 +51,7 @@ "react-dom": "18.2.0", "react-icons": "^5.1.0", "sonner": "^1.4.41", + "swr": "^2.2.5", "tailwindcss": "3.4.3", "ts-exif-parser": "^0.2.2", "typescript": "5.4.5", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9e38b615..37808d87 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -134,6 +134,9 @@ importers: sonner: specifier: ^1.4.41 version: 1.4.41(react-dom@18.2.0(react@18.2.0))(react@18.2.0) + swr: + specifier: ^2.2.5 + version: 2.2.5(react@18.2.0) tailwindcss: specifier: 3.4.3 version: 3.4.3 @@ -3770,6 +3773,11 @@ packages: peerDependencies: react: ^16.11.0 || ^17.0.0 || ^18.0.0 + swr@2.2.5: + resolution: {integrity: sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==} + peerDependencies: + react: ^16.11.0 || ^17.0.0 || ^18.0.0 + swrev@4.0.0: resolution: {integrity: sha512-LqVcOHSB4cPGgitD1riJ1Hh4vdmITOp+BkmfmXRh4hSF/t7EnS4iD+SOTmq7w5pPm/SiPeto4ADbKS6dHUDWFA==} @@ -8733,6 +8741,12 @@ snapshots: react: 18.2.0 use-sync-external-store: 1.2.0(react@18.2.0) + swr@2.2.5(react@18.2.0): + dependencies: + client-only: 0.0.1 + react: 18.2.0 + use-sync-external-store: 1.2.0(react@18.2.0) + swrev@4.0.0: {} swrv@1.0.4(vue@3.4.21(typescript@5.4.5)): diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b44e0726..389b0f3c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -12,6 +12,7 @@ import { ThemeProvider } from 'next-themes'; import Nav from '@/site/Nav'; import Footer from '@/site/Footer'; import CommandK from '@/site/CommandK'; +import SWRConfigClient from '../state/SWRConfigClient'; import '../site/globals.css'; import '../site/sonner.css'; @@ -72,24 +73,26 @@ export default function RootLayout({ > - - -
-
- - - +