feat: Add backspace long press functionality to currency keyboard (#3282

)

Signed-off-by: Prakhar Agarwal <[email protected]>

app/components/currency-keyboard/currency-keyboard.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import React, { useEffect, useState } from "react"
 import { Pressable, StyleProp, View, ViewStyle } from "react-native"
 
 import { testProps } from "@app/utils/testProps"
@@ -96,11 +96,39 @@ const Key = ({
     return baseStyle
   }
 
+  const [timerId, setTimerId] = useState<NodeJS.Timeout | null>(null)
+
+  const handleBackSpacePressIn = (numberPadKey: KeyType) => {
+    const id = setInterval(() => {
+      if (numberPadKey === KeyType.Backspace) {
+        handleKeyPress(numberPadKey)
+      }
+    }, 300)
+    setTimerId(id)
+  }
+
+  const handleBackSpacePressOut = () => {
+    if (timerId) {
+      clearInterval(timerId)
+      setTimerId(null)
+    }
+  }
+
+  useEffect(() => {
+    return () => {
+      if (timerId) {
+        clearInterval(timerId)
+      }
+    }
+  }, [timerId])
+
   return (
     <Pressable
       style={pressableStyle}
       hitSlop={20}
+      onPressIn={() => handleBackSpacePressIn(numberPadKey)}
       onPress={() => handleKeyPress(numberPadKey)}
+      onPressOut={handleBackSpacePressOut}
       {...testProps(`Key ${numberPadKey}`)}
     >
       {({ pressed }) => {