From a113f2b2ab1314ebebbbf93718c40c66db924b36 Mon Sep 17 00:00:00 2001
From: viktoriabakun <viktoriabakun00@gmail.com>
Date: Tue, 3 Sep 2024 10:40:04 +0200
Subject: [PATCH] refactor: rename UserAgentContext to IsMobileUAContext,
 update all occurrences

---
 apps/shell/src/providers/app-providers.tsx    |  6 ++---
 libs/shared/src/index.ts                      |  2 +-
 .../src/providers/is-mobile-ua-provider.tsx   | 24 +++++++++++++++++++
 .../src/providers/user-agent-provider.tsx     | 24 -------------------
 libs/ui-kit/src/lib/header-mobile.tsx         |  4 ++--
 5 files changed, 30 insertions(+), 30 deletions(-)
 create mode 100644 libs/shared/src/providers/is-mobile-ua-provider.tsx
 delete mode 100644 libs/shared/src/providers/user-agent-provider.tsx

diff --git a/apps/shell/src/providers/app-providers.tsx b/apps/shell/src/providers/app-providers.tsx
index 2827b8337..c98547789 100644
--- a/apps/shell/src/providers/app-providers.tsx
+++ b/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>
   );
 }
diff --git a/libs/shared/src/index.ts b/libs/shared/src/index.ts
index b00dcf718..9eacb92f7 100644
--- a/libs/shared/src/index.ts
+++ b/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';
diff --git a/libs/shared/src/providers/is-mobile-ua-provider.tsx b/libs/shared/src/providers/is-mobile-ua-provider.tsx
new file mode 100644
index 000000000..5b5163faf
--- /dev/null
+++ b/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;
+}
diff --git a/libs/shared/src/providers/user-agent-provider.tsx b/libs/shared/src/providers/user-agent-provider.tsx
deleted file mode 100644
index a5883cf52..000000000
--- a/libs/shared/src/providers/user-agent-provider.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client';
-import { createContext, ReactNode, useContext } from 'react';
-
-export const UserAgentContext = createContext({ isMobileUA: false });
-
-export function UserAgentProvider({
-  isMobileUA,
-  children,
-}: {
-  isMobileUA: boolean;
-  children: ReactNode;
-}) {
-  return (
-    <UserAgentContext.Provider value={{ isMobileUA }}>
-      {children}
-    </UserAgentContext.Provider>
-  );
-}
-
-export function useUserAgent() {
-  const userAgent = useContext(UserAgentContext);
-
-  return userAgent;
-}
diff --git a/libs/ui-kit/src/lib/header-mobile.tsx b/libs/ui-kit/src/lib/header-mobile.tsx
index 01dbb3e5d..0a351b7f5 100644
--- a/libs/ui-kit/src/lib/header-mobile.tsx
+++ b/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>