refactor: rename UserAgentContext to IsMobileUAContext, update all oc…

…currences

apps/shell/src/providers/app-providers.tsx

@@ -6,7 +6,7 @@ import {
   CosmosProvider,
   ReactQueryProvider,
   Toaster,
-  UserAgentProvider,
+  IsMobileUAProvider,
   WalletProvider,
 } from '@haqq/shell-shared';
 import { WalletModals } from '../components/wallet-modals';
@@ -31,7 +31,7 @@ export function AppProviders({
     : createWagmiConfig(walletConnectProjectId);
 
   return (
-    <UserAgentProvider isMobileUA={isMobileUA}>
+    <IsMobileUAProvider isMobileUA={isMobileUA}>
       <WagmiProvider config={actualWagmiConfig} initialState={initialState}>
         <ReactQueryProvider withDevtools dehydratedState={dehydratedState}>
           <CosmosProvider>
@@ -43,6 +43,6 @@ export function AppProviders({
           </CosmosProvider>
         </ReactQueryProvider>
       </WagmiProvider>
-    </UserAgentProvider>
+    </IsMobileUAProvider>
   );
 }

libs/shared/src/index.ts

@@ -8,7 +8,7 @@ export * from './providers/cosmos-provider';
 export * from './providers/react-query-provider';
 export * from './providers/toaster';
 export * from './providers/wallet-provider';
-export * from './providers/user-agent-provider';
+export * from './providers/is-mobile-ua-provider';
 
 export * from './hooks/use-account-info/use-account-info';
 export * from './hooks/use-address/use-address';

libs/shared/src/providers/is-mobile-ua-provider.tsx

@@ -0,0 +1,24 @@
+'use client';
+import { createContext, ReactNode, useContext } from 'react';
+
+export const IsMobileUAContext = createContext(false);
+
+export function IsMobileUAProvider({
+  isMobileUA,
+  children,
+}: {
+  isMobileUA: boolean;
+  children: ReactNode;
+}) {
+  return (
+    <IsMobileUAContext.Provider value={isMobileUA}>
+      {children}
+    </IsMobileUAContext.Provider>
+  );
+}
+
+export function useIsMobileUA() {
+  const isMobileUA = useContext(IsMobileUAContext);
+
+  return isMobileUA;
+}

libs/ui-kit/src/lib/header-mobile.tsx

@@ -11,7 +11,7 @@ import clsx from 'clsx';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useScrollLock } from 'usehooks-ts';
-import { useUserAgent } from '@haqq/shell-shared';
+import { useIsMobileUA } from '@haqq/shell-shared';
 import { BurgerButton } from './burger-button';
 import { Container } from './container';
 import { HeaderNavLink } from './header-nav-link';
@@ -143,7 +143,7 @@ function AnimatedOrNot({
   baseHeaderStyles,
   children,
 }: PropsWithChildren<{ baseHeaderStyles: string }>) {
-  const { isMobileUA } = useUserAgent();
+  const isMobileUA = useIsMobileUA();
 
   return isMobileUA ? (
     <StaticHeader baseHeaderStyles={baseHeaderStyles}>{children}</StaticHeader>