From 0e9247f3c5d61f9e988045bec17ac90d3e76c0f8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 12 May 2025 09:31:38 -0500
Subject: [PATCH] Fix share tile client/server status

---
 src/camera/CameraOGTile.tsx         | 6 +++---
 src/camera/CameraShareModal.tsx     | 6 +++---
 src/film/FilmOGTile.tsx             | 6 +++---
 src/film/FilmShareModal.tsx         | 6 +++---
 src/focal/FocalLengthOGTile.tsx     | 6 +++---
 src/focal/FocalLengthShareModal.tsx | 6 +++---
 src/lens/LensOGTile.tsx             | 6 +++---
 src/lens/LensShareModal.tsx         | 6 +++---
 src/recipe/RecipeOGTile.tsx         | 6 +++---
 src/recipe/RecipeShareModal.tsx     | 6 +++---
 src/tag/TagOGTile.tsx               | 6 +++---
 src/tag/TagShareModal.tsx           | 6 +++---
 12 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/camera/CameraOGTile.tsx b/src/camera/CameraOGTile.tsx
index b5fc63ec..453308f3 100644
--- a/src/camera/CameraOGTile.tsx
+++ b/src/camera/CameraOGTile.tsx
@@ -3,9 +3,9 @@ import { absolutePathForCameraImage, pathForCamera } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { Camera } from '.';
 import { descriptionForCameraPhotos, titleForCamera } from './meta';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function CameraOGTile({
+export default function CameraOGTile({
   camera,
   photos,
   loadingState: loadingStateExternal,
@@ -26,7 +26,7 @@ export default async function CameraOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForCamera(camera, photos, appText, count),
diff --git a/src/camera/CameraShareModal.tsx b/src/camera/CameraShareModal.tsx
index 0493a2ef..8c252c3e 100644
--- a/src/camera/CameraShareModal.tsx
+++ b/src/camera/CameraShareModal.tsx
@@ -4,9 +4,9 @@ import ShareModal from '@/share/ShareModal';
 import CameraOGTile from './CameraOGTile';
 import { Camera, formatCameraText } from '.';
 import { shareTextForCamera } from './meta';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function CameraShareModal({
+export default function CameraShareModal({
   camera,
   photos,
   count,
@@ -14,7 +14,7 @@ export default async function CameraShareModal({
 }: {
   camera: Camera
 } & PhotoSetAttributes) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <ShareModal
       pathShare={absolutePathForCamera(camera, true)}
diff --git a/src/film/FilmOGTile.tsx b/src/film/FilmOGTile.tsx
index 6be56aae..944e9936 100644
--- a/src/film/FilmOGTile.tsx
+++ b/src/film/FilmOGTile.tsx
@@ -5,9 +5,9 @@ import {
 } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { descriptionForFilmPhotos, titleForFilm } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function FilmOGTile({
+export default function FilmOGTile({
   film,
   photos,
   loadingState: loadingStateExternal,
@@ -28,7 +28,7 @@ export default async function FilmOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForFilm(film, photos, appText, count),
diff --git a/src/film/FilmShareModal.tsx b/src/film/FilmShareModal.tsx
index 1fcee90d..f3ef7820 100644
--- a/src/film/FilmShareModal.tsx
+++ b/src/film/FilmShareModal.tsx
@@ -3,9 +3,9 @@ import { PhotoSetAttributes } from '../category';
 import ShareModal from '@/share/ShareModal';
 import FilmOGTile from './FilmOGTile';
 import { labelForFilm, shareTextForFilm } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function FilmShareModal({
+export default function FilmShareModal({
   film,
   photos,
   count,
@@ -13,7 +13,7 @@ export default async function FilmShareModal({
 }: {
   film: string
 } & PhotoSetAttributes) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <ShareModal
       pathShare={absolutePathForFilm(film, true)}
diff --git a/src/focal/FocalLengthOGTile.tsx b/src/focal/FocalLengthOGTile.tsx
index 2de9dd58..7fe2ad58 100644
--- a/src/focal/FocalLengthOGTile.tsx
+++ b/src/focal/FocalLengthOGTile.tsx
@@ -5,9 +5,9 @@ import {
 } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { descriptionForFocalLengthPhotos, titleForFocalLength } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function FocalLengthOGTile({
+export default function FocalLengthOGTile({
   focal,
   photos,
   loadingState: loadingStateExternal,
@@ -28,7 +28,7 @@ export default async function FocalLengthOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForFocalLength(focal, photos, appText, count),
diff --git a/src/focal/FocalLengthShareModal.tsx b/src/focal/FocalLengthShareModal.tsx
index 7dd906c4..4716fc1b 100644
--- a/src/focal/FocalLengthShareModal.tsx
+++ b/src/focal/FocalLengthShareModal.tsx
@@ -3,9 +3,9 @@ import { PhotoSetAttributes } from '../category';
 import ShareModal from '@/share/ShareModal';
 import FocalLengthOGTile from './FocalLengthOGTile';
 import { formatFocalLengthSafe, shareTextFocalLength } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function FocalLengthShareModal({
+export default function FocalLengthShareModal({
   focal,
   photos,
   count,
@@ -13,7 +13,7 @@ export default async function FocalLengthShareModal({
 }: {
   focal: number
 } & PhotoSetAttributes) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <ShareModal
       pathShare={absolutePathForFocalLength(focal, true)}
diff --git a/src/lens/LensOGTile.tsx b/src/lens/LensOGTile.tsx
index c5f173eb..3fe2f6b4 100644
--- a/src/lens/LensOGTile.tsx
+++ b/src/lens/LensOGTile.tsx
@@ -3,9 +3,9 @@ import { absolutePathForLensImage, pathForLens } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { Lens } from '.';
 import { titleForLens, descriptionForLensPhotos } from './meta';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function LensOGTile({
+export default function LensOGTile({
   lens,
   photos,
   loadingState: loadingStateExternal,
@@ -26,7 +26,7 @@ export default async function LensOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForLens(lens, photos, appText, count),
diff --git a/src/lens/LensShareModal.tsx b/src/lens/LensShareModal.tsx
index 9e49dcce..c4b5ddd1 100644
--- a/src/lens/LensShareModal.tsx
+++ b/src/lens/LensShareModal.tsx
@@ -4,9 +4,9 @@ import ShareModal from '@/share/ShareModal';
 import { formatLensText, Lens } from '.';
 import { shareTextForLens } from './meta';
 import LensOGTile from './LensOGTile';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function LensShareModal({
+export default function LensShareModal({
   lens,
   photos,
   count,
@@ -14,7 +14,7 @@ export default async function LensShareModal({
 }: {
   lens: Lens
 } & PhotoSetAttributes) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <ShareModal
       pathShare={absolutePathForLens(lens, true)}
diff --git a/src/recipe/RecipeOGTile.tsx b/src/recipe/RecipeOGTile.tsx
index 88f83465..5576217f 100644
--- a/src/recipe/RecipeOGTile.tsx
+++ b/src/recipe/RecipeOGTile.tsx
@@ -2,9 +2,9 @@ import { Photo, PhotoDateRange } from '@/photo';
 import { absolutePathForRecipeImage, pathForRecipe } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { descriptionForRecipePhotos, titleForRecipe } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function RecipeOGTile({
+export default function RecipeOGTile({
   recipe,
   photos,
   loadingState: loadingStateExternal,
@@ -25,7 +25,7 @@ export default async function RecipeOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForRecipe(recipe, photos, appText, count),
diff --git a/src/recipe/RecipeShareModal.tsx b/src/recipe/RecipeShareModal.tsx
index 845eeed8..5de1a32c 100644
--- a/src/recipe/RecipeShareModal.tsx
+++ b/src/recipe/RecipeShareModal.tsx
@@ -8,9 +8,9 @@ import {
   generateRecipeText,
 } from '.';
 import RecipeOGTile from './RecipeOGTile';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function RecipeShareModal({
+export default function RecipeShareModal({
   recipe,
   photos,
   count,
@@ -24,7 +24,7 @@ export default async function RecipeShareModal({
     ? generateRecipeText({ data, film })
     : undefined;
 
-  const appText = await getAppText();
+  const appText = useAppText();
 
   return (
     <ShareModal
diff --git a/src/tag/TagOGTile.tsx b/src/tag/TagOGTile.tsx
index e31bdea8..2f1a3dda 100644
--- a/src/tag/TagOGTile.tsx
+++ b/src/tag/TagOGTile.tsx
@@ -2,9 +2,9 @@ import { Photo, PhotoDateRange } from '@/photo';
 import { absolutePathForTagImage, pathForTag } from '@/app/paths';
 import OGTile, { OGLoadingState } from '@/components/OGTile';
 import { descriptionForTaggedPhotos, titleForTag } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function TagOGTile({
+export default function TagOGTile({
   tag,
   photos,
   loadingState: loadingStateExternal,
@@ -25,7 +25,7 @@ export default async function TagOGTile({
   count?: number
   dateRange?: PhotoDateRange
 }) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <OGTile {...{
       title: titleForTag(tag, photos, appText, count),
diff --git a/src/tag/TagShareModal.tsx b/src/tag/TagShareModal.tsx
index ba5e993d..b9734f68 100644
--- a/src/tag/TagShareModal.tsx
+++ b/src/tag/TagShareModal.tsx
@@ -3,9 +3,9 @@ import { PhotoSetAttributes } from '../category';
 import ShareModal from '@/share/ShareModal';
 import TagOGTile from './TagOGTile';
 import { formatTag, shareTextForTag } from '.';
-import { getAppText } from '@/i18n/state/server';
+import { useAppText } from '@/i18n/state/client';
 
-export default async function TagShareModal({
+export default function TagShareModal({
   tag,
   photos,
   count,
@@ -13,7 +13,7 @@ export default async function TagShareModal({
 }: {
   tag: string
 } & PhotoSetAttributes) {
-  const appText = await getAppText();
+  const appText = useAppText();
   return (
     <ShareModal
       pathShare={absolutePathForTag(tag, true)}