dApp: DocsDrawer component removal

dapp/src/DApp.tsx

@@ -7,10 +7,7 @@ import { QueryClientProvider } from "@tanstack/react-query"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import { AcreSdkProvider } from "./acre-react/contexts"
 import GlobalStyles from "./components/GlobalStyles"
-import {
-  DocsDrawerContextProvider,
-  WalletConnectionAlertContextProvider,
-} from "./contexts"
+import { WalletConnectionAlertContextProvider } from "./contexts"
 import { useInitApp } from "./hooks"
 import { router } from "./router"
 import { store } from "./store"
@@ -65,15 +62,13 @@ function DAppProviders() {
       <WagmiProvider config={config}>
         <QueryClientProvider client={queryClient}>
           <AcreSdkProvider>
-            <DocsDrawerContextProvider>
-              <WalletConnectionAlertContextProvider>
-                <ReduxProvider store={store}>
-                  <PostHogProvider>
-                    <DApp />
-                  </PostHogProvider>
-                </ReduxProvider>
-              </WalletConnectionAlertContextProvider>
-            </DocsDrawerContextProvider>
+            <WalletConnectionAlertContextProvider>
+              <ReduxProvider store={store}>
+                <PostHogProvider>
+                  <DApp />
+                </PostHogProvider>
+              </ReduxProvider>
+            </WalletConnectionAlertContextProvider>
           </AcreSdkProvider>
         </QueryClientProvider>
       </WagmiProvider>

dapp/src/components/Layout.tsx

@@ -4,7 +4,6 @@ import { Flex, VStack } from "@chakra-ui/react"
 import { useIsEmbed, useMobileMode } from "#/hooks"
 import { DappMode } from "#/types"
 import { usePostHogPageViewCapture } from "#/hooks/posthog"
-import DocsDrawer from "./DocsDrawer"
 import Header from "./Header"
 import ModalRoot from "./ModalRoot"
 import MobileModeBanner from "./MobileModeBanner"
@@ -50,7 +49,6 @@ function Layout() {
       >
         <Outlet />
 
-        <DocsDrawer />
         <ModalRoot />
       </Flex>
 

dapp/src/contexts/index.tsx

@@ -1,4 +1,3 @@
-export * from "./DocsDrawerContext"
 export * from "./StakeFlowContext"
 export * from "./PaginationContext"
 export * from "./WalletConnectionAlertContext"

dapp/src/hooks/index.ts

@@ -2,7 +2,6 @@ export * from "./store"
 export * from "./sdk"
 export * from "./orangeKit"
 export * from "./useDetectThemeMode"
-export * from "./useDocsDrawer"
 export * from "./useTransactionDetails"
 export * from "./useStakeFlowContext"
 export * from "./useInitApp"

dapp/src/theme/index.ts

@@ -8,7 +8,6 @@ import {
   styles,
   zIndices,
 } from "./utils"
-import { drawerTheme } from "./Drawer"
 import { modalTheme } from "./Modal"
 import { cardTheme } from "./Card"
 import { tooltipTheme } from "./Tooltip"
@@ -52,7 +51,6 @@ const defaultTheme = {
     Card: cardTheme,
     CloseButton: closeButtonTheme,
     CurrencyBalance: currencyBalanceTheme,
-    Drawer: drawerTheme,
     Form: formTheme,
     FormLabel: formLabelTheme,
     FormError: formErrorTheme,

dapp/src/theme/utils/semanticTokens.ts

@@ -1,7 +1,5 @@
 export const semanticTokens = {
   space: {
-    header_height: 28,
-    header_height_xl: 36,
     modal_shift: "9.75rem", // 156px
     dashboard_card_padding: 5,
   },

dapp/src/theme/utils/zIndices.ts

@@ -1,5 +1,4 @@
 export const zIndices = {
-  drawer: 1470,
   mobileBanner: 1500,
   header: 1400,
   footer: 1380,