vaulterm/frontend/pages/team/components/header-actions.tsx
2024-11-14 17:58:19 +07:00

34 lines
753 B
TypeScript

import React from "react";
import MenuButton from "@/components/ui/menu-button";
import { Button } from "tamagui";
import Icons from "@/components/ui/icons";
import { teamFormModal } from "./team-form";
type Props = {
team: any;
};
export default function HeaderActions({ team }: Props) {
return (
<MenuButton
placement="bottom-end"
width={200}
trigger={
<Button
circular
bg="$colorTransparent"
mr="$2"
icon={<Icons name="dots-vertical" size={20} />}
/>
}
>
<MenuButton.Item
icon={<Icons name="pencil" size={16} />}
onPress={() => teamFormModal.onOpen(team)}
>
Update Team
</MenuButton.Item>
</MenuButton>
);
}