@magmamath/students-features 1.7.7 → 1.7.9-rc.0

package/src/features/keyboard/components/Keyboard.tsx

@@ -9,7 +9,7 @@ import {
   slideInAnimationSettings,
 } from './MainLayout/constants'
 import { isMobileWidth } from '../helpers'
-import { KeyboardConfig } from '@magmamath/frontend-config'
+import { KeyboardConfig, MultiplicationSymbol } from '@magmamath/frontend-config'
 import { KeyboardKey, KeyboardKeyValue } from '../types/types'
 import { resolveKeyboard } from '../constants/keyboard.helpers'
 import { TEST_IDS } from '@magmamath/students-qa'
@@ -17,6 +17,7 @@ import { TEST_IDS } from '@magmamath/students-qa'
 type KeyboardProps = {
   onKeyPress: (key: KeyboardKeyValue) => void
   keys: KeyboardConfig
+  multiplicationSymbol?: MultiplicationSymbol
   characterType?: number
   style?: StyleProp<ViewStyle>
   color?: SelectOptionColor
@@ -32,7 +33,10 @@ export const Keyboard = ({
   isMainLayoutDisabled,
   ...props
 }: KeyboardProps) => {
-  const resolvedKeys = useMemo(() => resolveKeyboard(props.keys), [props.keys])
+  const resolvedKeys = useMemo(
+    () => resolveKeyboard(props.keys, props.multiplicationSymbol),
+    [props.keys, props.multiplicationSymbol],
+  )
   const slideAnim = useRef(new Animated.Value(KEYBOARD_SLIDE_DISTANCE)).current
 
   const { width } = useWindowDimensions()