diff --git a/packages/ui/components/sidebarButton/SidebarButton.tsx b/packages/ui/components/sidebarButton/SidebarButton.tsx index 09d966638..75fd8bc83 100644 --- a/packages/ui/components/sidebarButton/SidebarButton.tsx +++ b/packages/ui/components/sidebarButton/SidebarButton.tsx @@ -1,6 +1,6 @@ import React from "react"; import { StyleSheet } from "react-native"; -import { Stack } from "@mobily/stacks"; +import { HStack } from "native-base"; import { tw } from "../../tailwind"; import { Pressable, PressableProps } from "../pressable/Pressable"; @@ -32,9 +32,7 @@ export const SidebarButton = React.forwardRef( _web: { style: [{ outlineWidth: 0 }, tw`se-inset-focus-mini`] }, }} > - - {children} - + {children} ); } diff --git a/packages/ui/components/sidebarLink/SidebarLink.tsx b/packages/ui/components/sidebarLink/SidebarLink.tsx index 318a4577d..777b51d9b 100644 --- a/packages/ui/components/sidebarLink/SidebarLink.tsx +++ b/packages/ui/components/sidebarLink/SidebarLink.tsx @@ -6,7 +6,7 @@ import type { NavigationAction } from "@react-navigation/core"; import { GestureResponderEvent, TextProps, StyleSheet } from "react-native"; import { To } from "@react-navigation/native/lib/typescript/src/useLinkTo"; import { useFocusRing } from "@react-native-aria/focus"; -import { Stack } from "@mobily/stacks"; +import { HStack } from "native-base"; // copied from react-navigation type definitions declare type SidebarLinkProps = @@ -49,9 +49,7 @@ export function SidebarLink( onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} > - - {props.children} - + {props.children} ); }