From 92a98c5630c80aa24b76c4c15386f5fde17b4946 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 18 May 2026 16:48:34 +0300
Subject: [PATCH] replace fontawesome in composer Gallery

---
 src/view/com/composer/photos/Gallery.tsx | 25 ++++++++----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/view/com/composer/photos/Gallery.tsx b/src/view/com/composer/photos/Gallery.tsx
index 0df31da625..55eabf336a 100644
--- a/src/view/com/composer/photos/Gallery.tsx
+++ b/src/view/com/composer/photos/Gallery.tsx
@@ -11,7 +11,6 @@ import {
   type ViewStyle,
 } from 'react-native'
 import {Image} from 'expo-image'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
 import {msg} from '@lingui/core/macro'
 import {useLingui} from '@lingui/react'
 import {Trans} from '@lingui/react/macro'
@@ -23,6 +22,10 @@ import {type ComposerImage, cropImage} from '#/state/gallery'
 import {atoms as a, tokens, useTheme} from '#/alf'
 import {Admonition} from '#/components/Admonition'
 import * as Dialog from '#/components/Dialog'
+import {Check_Stroke2_Corner0_Rounded as CheckIcon} from '#/components/icons/Check'
+import {Pencil_Stroke2_Corner0_Rounded as PencilIcon} from '#/components/icons/Pencil'
+import {PlusLarge_Stroke2_Corner0_Rounded as PlusIcon} from '#/components/icons/Plus'
+import {TimesLarge_Stroke2_Corner0_Rounded as TimesIcon} from '#/components/icons/Times'
 import {MediaInsetBorder} from '#/components/MediaInsetBorder'
 import {Text} from '#/components/Typography'
 import {useAnalytics} from '#/analytics'
@@ -198,17 +201,9 @@ const GalleryItem = ({
         onPress={onAltTextEdit}
         style={[styles.altTextControl, altTextControlStyle]}>
         {image.alt.length !== 0 ? (
-          <FontAwesomeIcon
-            icon="check"
-            size={10}
-            style={{color: t.palette.white}}
-          />
+          <CheckIcon width={10} style={{color: t.palette.white}} />
         ) : (
-          <FontAwesomeIcon
-            icon="plus"
-            size={10}
-            style={{color: t.palette.white}}
-          />
+          <PlusIcon width={10} style={{color: t.palette.white}} />
         )}
         <Text style={styles.altTextControlLabel} accessible={false}>
           <Trans>ALT</Trans>
@@ -222,7 +217,7 @@ const GalleryItem = ({
           accessibilityHint=""
           onPress={onImageEdit}
           style={styles.imageControl}>
-          <FontAwesomeIcon icon="pen" size={12} style={{color: colors.white}} />
+          <PencilIcon width={12} style={{color: colors.white}} />
         </TouchableOpacity>
         <TouchableOpacity
           testID="removePhotoButton"
@@ -231,11 +226,7 @@ const GalleryItem = ({
           accessibilityHint=""
           onPress={onRemove}
           style={styles.imageControl}>
-          <FontAwesomeIcon
-            icon="xmark"
-            size={16}
-            style={{color: colors.white}}
-          />
+          <TimesIcon width={16} style={{color: colors.white}} />
         </TouchableOpacity>
       </View>
       <TouchableOpacity