Massive/DrawerHeader.tsx

29 lines
773 B
TypeScript
Raw Permalink Normal View History

import { DrawerNavigationProp } from "@react-navigation/drawer";
import { useNavigation } from "@react-navigation/native";
import { Appbar, IconButton } from "react-native-paper";
import { DrawerParams } from "./drawer-params";
export default function DrawerHeader({
name,
2022-12-18 00:23:10 +00:00
children,
ids,
unSelect,
}: {
name: string;
children?: JSX.Element | JSX.Element[];
2024-02-21 04:57:59 +00:00
ids?: unknown[],
unSelect?: () => void,
}) {
const navigation = useNavigation<DrawerNavigationProp<DrawerParams>>();
return (
<Appbar.Header>
{ids && ids.length > 0 ? (<IconButton icon="arrow-left" onPress={unSelect} />) : (
<IconButton icon="menu" onPress={navigation.openDrawer} />
)}
<Appbar.Content title={name} />
2022-12-18 00:23:10 +00:00
{children}
</Appbar.Header>
);
}