42 lines
943 B
TypeScript
42 lines
943 B
TypeScript
|
import { Button, ButtonProps, Text, VStack } from '@chakra-ui/react'
|
||
|
|
import { PlusIcon } from 'assets/icons'
|
||
|
|
import { useRouter } from 'next/router'
|
||
|
|
import React from 'react'
|
||
|
|
|
||
|
|
export const CreateBotButton = ({
|
||
|
|
folderId,
|
||
|
|
...props
|
||
|
|
}: { folderId?: string } & ButtonProps) => {
|
||
|
|
const router = useRouter()
|
||
|
|
|
||
|
|
const handleClick = () =>
|
||
|
|
folderId
|
||
|
|
? router.push(`/typebots/create?folderId=${folderId}`)
|
||
|
|
: router.push('/typebots/create')
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Button
|
||
|
|
mr={{ sm: 6 }}
|
||
|
|
mb={6}
|
||
|
|
style={{ width: '225px', height: '270px' }}
|
||
|
|
onClick={handleClick}
|
||
|
|
paddingX={6}
|
||
|
|
whiteSpace={'normal'}
|
||
|
|
{...props}
|
||
|
|
>
|
||
|
|
<VStack spacing="6">
|
||
|
|
<PlusIcon fontSize="40px" />
|
||
|
|
<Text
|
||
|
|
fontSize={18}
|
||
|
|
fontWeight="medium"
|
||
|
|
maxW={40}
|
||
|
|
textAlign="center"
|
||
|
|
mt="6"
|
||
|
|
>
|
||
|
|
Create a typebot
|
||
|
|
</Text>
|
||
|
|
</VStack>
|
||
|
|
</Button>
|
||
|
|
)
|
||
|
|
}
|