chore(base): default phone to visible mode in dev mode

project-error · Sep 11, 2024 · a0c3fbe · a0c3fbe
1 parent 341578b
commit a0c3fbe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/ui/src/App.tsx b/src/ui/src/App.tsx
@@ -6,6 +6,7 @@ import { setTheme } from './utils/theme';
 import { Footer } from './components/Main/Footer';
 import { Header } from './components/Main/Header';
 import { useNuiEvent } from 'react-fivem-hooks';
+import { isEnvBrowser } from './utils/game';
 
 export const lightTheme = {
   textColor: {
@@ -38,7 +39,7 @@ function App() {
 
   const { data: isOpen } = useNuiEvent<boolean>({
     event: 'SET_PHONE_OPEN',
-    defaultValue: false,
+    defaultValue: isEnvBrowser(),
   });
 
   if (!isOpen) {

diff --git a/src/ui/src/utils/game.ts b/src/ui/src/utils/game.ts
@@ -0,0 +1,2 @@
+export const isEnvBrowser = (): boolean =>
+  !(window as unknown as { invokeNative: CallableFunction }).invokeNative;