dont display new hint when gamepad is used

Author: zardoy

src/react/GlobalOverlayHints.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from 'react'
 import { proxy, useSnapshot } from 'valtio'
 import { pointerLock } from '../utils'
+import { miscUiState } from '../globalState'
 import PixelartIcon, { pixelartIcons } from './PixelartIcon'
 import { useUsingTouch } from './utilsApp'
 
@@ -10,6 +11,7 @@ export const displayHintsState = proxy({
 
 export default () => {
   const { captureMouseHint } = useSnapshot(displayHintsState)
+  const { usingGamepadInput } = useSnapshot(miscUiState)
   const usingTouch = useUsingTouch()
 
   useEffect(() => {
@@ -25,7 +27,6 @@ export default () => {
     }
   }, [])
 
-  if (usingTouch) return null
   return <div style={{
     // below crosshair that is in center of screen
     position: 'absolute',
@@ -40,7 +41,7 @@ export default () => {
     pointerEvents: 'none',
     textShadow: '0 0 1px black'
   }}>
-    {captureMouseHint && <div style={{
+    {captureMouseHint && !usingTouch && !usingGamepadInput && <div style={{
       display: 'flex',
       alignItems: 'center',
       gap: '10px',