From 994600c846d1e759d893df5aedd96198fcc1b237 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 5 Dec 2025 22:02:10 +0200
Subject: [PATCH] change color on press

---
 src/view/com/feeds/ComposerPrompt.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/view/com/feeds/ComposerPrompt.tsx b/src/view/com/feeds/ComposerPrompt.tsx
index 4e673f0921..8fee4d9c6b 100644
--- a/src/view/com/feeds/ComposerPrompt.tsx
+++ b/src/view/com/feeds/ComposerPrompt.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react'
+import {useCallback, useState} from 'react'
 import {Keyboard, Pressable, View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
@@ -34,7 +34,7 @@ export function ComposerPrompt() {
   const {requestVideoAccessIfNeeded} = useVideoLibraryPermission()
   const sheetWrapper = useSheetWrapper()
 
-  const onPress = React.useCallback(() => {
+  const onPress = useCallback(() => {
     logger.metric('composerPrompt:press', {})
     openComposer({})
   }, [openComposer])
@@ -203,13 +203,14 @@ export function ComposerPrompt() {
               accessibilityHint={_(msg`Opens device camera`)}
               variant="ghost"
               shape="round">
-              {({hovered}) => (
+              {({hovered, pressed, focused}) => (
                 <CameraIcon
                   size="md"
                   style={{
-                    color: hovered
-                      ? t.palette.primary_500
-                      : t.palette.contrast_300,
+                    color:
+                      hovered || pressed || focused
+                        ? t.palette.primary_500
+                        : t.palette.contrast_300,
                   }}
                 />
               )}
@@ -224,13 +225,14 @@ export function ComposerPrompt() {
             accessibilityHint={_(msg`Opens image picker`)}
             variant="ghost"
             shape="round">
-            {({hovered}) => (
+            {({hovered, pressed, focused}) => (
               <ImageIcon
                 size="md"
                 style={{
-                  color: hovered
-                    ? t.palette.primary_500
-                    : t.palette.contrast_300,
+                  color:
+                    hovered || pressed || focused
+                      ? t.palette.primary_500
+                      : t.palette.contrast_300,
                 }}
               />
             )}