@ -1,4 +1,11 @@
|
||||
import { VStack, Heading, Stack, Button, useDisclosure } from '@chakra-ui/react'
|
||||
import {
|
||||
VStack,
|
||||
Heading,
|
||||
Stack,
|
||||
Button,
|
||||
useDisclosure,
|
||||
useColorModeValue,
|
||||
} from '@chakra-ui/react'
|
||||
import { ToolIcon, TemplateIcon, DownloadIcon } from '@/components/icons'
|
||||
import { Typebot } from 'models'
|
||||
import { useRouter } from 'next/router'
|
||||
@ -67,7 +74,13 @@ export const CreateNewTypebotButtons = () => {
|
||||
w="full"
|
||||
py="8"
|
||||
fontSize="lg"
|
||||
leftIcon={<ToolIcon color="blue.500" boxSize="25px" mr="2" />}
|
||||
leftIcon={
|
||||
<ToolIcon
|
||||
color={useColorModeValue('blue.500', 'blue.300')}
|
||||
boxSize="25px"
|
||||
mr="2"
|
||||
/>
|
||||
}
|
||||
onClick={() => handleCreateSubmit()}
|
||||
isLoading={isLoading}
|
||||
>
|
||||
@ -78,7 +91,13 @@ export const CreateNewTypebotButtons = () => {
|
||||
w="full"
|
||||
py="8"
|
||||
fontSize="lg"
|
||||
leftIcon={<TemplateIcon color="orange.500" boxSize="25px" mr="2" />}
|
||||
leftIcon={
|
||||
<TemplateIcon
|
||||
color={useColorModeValue('orange.500', 'orange.300')}
|
||||
boxSize="25px"
|
||||
mr="2"
|
||||
/>
|
||||
}
|
||||
onClick={onOpen}
|
||||
isLoading={isLoading}
|
||||
>
|
||||
@ -89,7 +108,13 @@ export const CreateNewTypebotButtons = () => {
|
||||
w="full"
|
||||
py="8"
|
||||
fontSize="lg"
|
||||
leftIcon={<DownloadIcon color="purple.500" boxSize="25px" mr="2" />}
|
||||
leftIcon={
|
||||
<DownloadIcon
|
||||
color={useColorModeValue('purple.500', 'purple.300')}
|
||||
boxSize="25px"
|
||||
mr="2"
|
||||
/>
|
||||
}
|
||||
isLoading={isLoading}
|
||||
onNewTypebot={handleCreateSubmit}
|
||||
>
|
||||
|
Reference in New Issue
Block a user