relay on native-base stacks for now (#123)

serenity-kit · May 17, 2022 · 1f4a963 · 1f4a963
1 parent d8f91de
commit 1f4a963
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git 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`] },
         }}
       >
-        <Stack space={2} horizontal={true} align="center">
-          {children}
-        </Stack>
+        <HStack space={2}>{children}</HStack>
       </Pressable>
     );
   }

diff --git 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<ParamList extends ReactNavigation.RootParamList> =
@@ -49,9 +49,7 @@ export function SidebarLink<ParamList extends ReactNavigation.RootParamList>(
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
     >
-      <Stack space={2} horizontal={true} align="left">
-        {props.children}
-      </Stack>
+      <HStack space={2}>{props.children}</HStack>
     </ReactNavigationLink>
   );
 }