Files
Docker/Downloads/Voltaserve/ui/src/components/top-bar/top-bar-buttons.tsx
2024-04-21 14:42:52 +02:00

40 lines
711 B
TypeScript

import { Link } from 'react-router-dom'
import { Button } from '@chakra-ui/react'
import { IconAdd } from '@/lib'
export const CreateGroupButton = () => (
<Button
as={Link}
to="/new/group"
leftIcon={<IconAdd />}
variant="solid"
colorScheme="blue"
>
New Group
</Button>
)
export const CreateOrganizationButton = () => (
<Button
as={Link}
to="/new/organization"
leftIcon={<IconAdd />}
variant="solid"
colorScheme="blue"
>
New Organization
</Button>
)
export const CreateWorkspaceButton = () => (
<Button
as={Link}
to="/new/workspace"
leftIcon={<IconAdd />}
variant="solid"
colorScheme="blue"
>
New Workspace
</Button>
)