change color on press

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,11 +203,12 @@ export function ComposerPrompt() {
               accessibilityHint={_(msg`Opens device camera`)}
               variant="ghost"
               shape="round">
-              {({hovered}) => (
+              {({hovered, pressed, focused}) => (
                 <CameraIcon
                   size="md"
                   style={{
-                    color: hovered
+                    color:
+                      hovered || pressed || focused
                         ? t.palette.primary_500
                         : t.palette.contrast_300,
                   }}
@@ -224,11 +225,12 @@ export function ComposerPrompt() {
             accessibilityHint={_(msg`Opens image picker`)}
             variant="ghost"
             shape="round">
-            {({hovered}) => (
+            {({hovered, pressed, focused}) => (
               <ImageIcon
                 size="md"
                 style={{
-                  color: hovered
+                  color:
+                    hovered || pressed || focused
                       ? t.palette.primary_500
                       : t.palette.contrast_300,
                 }}