From 228e0c3aa0e68eb6294f9513a11966d0e7c54f9d Mon Sep 17 00:00:00 2001
From: vineyardbovines <spencerfpope@gmail.com>
Date: Thu, 2 Apr 2026 10:50:29 -0400
Subject: [PATCH] lingui fix

---
 src/components/images/Gallery/index.tsx     | 14 ++++++--------
 src/components/images/Gallery/index.web.tsx | 14 ++++++--------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/images/Gallery/index.tsx b/src/components/images/Gallery/index.tsx
index 93f5f6fec3..8c8482134e 100644
--- a/src/components/images/Gallery/index.tsx
+++ b/src/components/images/Gallery/index.tsx
@@ -6,9 +6,7 @@ import {type AnimatedRef, useAnimatedRef} from 'react-native-reanimated'
 import {Image} from 'expo-image'
 import {type AppBskyEmbedImages} from '@atproto/api'
 import {utils} from '@bsky.app/alf'
-import {msg} from '@lingui/core/macro'
-import {useLingui} from '@lingui/react'
-import {Trans} from '@lingui/react/macro'
+import {Trans, useLingui} from '@lingui/react/macro'
 
 import {type Dimensions} from '#/lib/media/types'
 import {useA11y} from '#/state/a11y'
@@ -40,7 +38,7 @@ export function Gallery({
   viewContext,
 }: GalleryProps) {
   const t = useTheme()
-  const {_} = useLingui()
+  const {t: l} = useLingui()
   const ax = useAnalytics()
   const {screenReaderEnabled} = useA11y()
   const largeAltBadge = useLargeAltBadgeEnabled()
@@ -118,9 +116,9 @@ export function Gallery({
               onPressIn={onPressIn ? () => onPressIn(index) : undefined}
               accessibilityRole="button"
               accessibilityLabel={
-                image.alt || _(msg`Image ${index + 1} of ${images.length}`)
+                image.alt || l`Image ${index + 1} of ${images.length}`
               }
-              accessibilityHint={_(msg`Opens full image`)}
+              accessibilityHint={l`Opens full image`}
               style={[a.flex_1]}>
               <Image
                 source={{uri: image.thumb}}
@@ -240,9 +238,9 @@ export function Gallery({
                   }}
                   accessibilityRole="button"
                   accessibilityLabel={
-                    image.alt || _(msg`Image ${index + 1} of ${images.length}`)
+                    image.alt || l`Image ${index + 1} of ${images.length}`
                   }
-                  accessibilityHint={_(msg`Opens full image`)}
+                  accessibilityHint={l`Opens full image`}
                   style={[
                     a.flex_1,
                     a.rounded_md,
diff --git a/src/components/images/Gallery/index.web.tsx b/src/components/images/Gallery/index.web.tsx
index 7618947862..d877e8ee13 100644
--- a/src/components/images/Gallery/index.web.tsx
+++ b/src/components/images/Gallery/index.web.tsx
@@ -3,9 +3,7 @@ import {Pressable, ScrollView, View} from 'react-native'
 import {type AnimatedRef, useAnimatedRef} from 'react-native-reanimated'
 import {Image} from 'expo-image'
 import {type AppBskyEmbedImages} from '@atproto/api'
-import {msg} from '@lingui/core/macro'
-import {useLingui} from '@lingui/react'
-import {Trans} from '@lingui/react/macro'
+import {Trans, useLingui} from '@lingui/react/macro'
 
 import {type Dimensions} from '#/lib/media/types'
 import {useLargeAltBadgeEnabled} from '#/state/preferences/large-alt-badge'
@@ -36,7 +34,7 @@ export function Gallery({
   viewContext,
 }: GalleryProps) {
   const t = useTheme()
-  const {_} = useLingui()
+  const {t: l} = useLingui()
   const ax = useAnalytics()
   const largeAltBadge = useLargeAltBadgeEnabled()
   const currentPageRef = useRef(0)
@@ -199,7 +197,7 @@ export function Gallery({
       }}
       role="group"
       aria-roledescription="carousel"
-      aria-label={_(msg`Image gallery, ${images.length} images`)}>
+      aria-label={l`Image gallery, ${images.length} images`}>
       {containerWidth > 0 && (
         <ScrollView
           ref={scrollRef}
@@ -268,7 +266,7 @@ export function Gallery({
               ]}
               aria-roledescription="slide"
               aria-label={
-                image.alt || _(msg`Image ${index + 1} of ${images.length}`)
+                image.alt || l`Image ${index + 1} of ${images.length}`
               }>
               <Pressable
                 onPress={
@@ -290,9 +288,9 @@ export function Gallery({
                 onPressIn={onPressIn ? () => onPressIn(index) : undefined}
                 accessibilityRole="button"
                 accessibilityLabel={
-                  image.alt || _(msg`Image ${index + 1} of ${images.length}`)
+                  image.alt || l`Image ${index + 1} of ${images.length}`
                 }
-                accessibilityHint={_(msg`Opens full image`)}
+                accessibilityHint={l`Opens full image`}
                 style={[
                   a.flex_1,
                   a.rounded_md,