31 lines
927 B
TypeScript
31 lines
927 B
TypeScript
import { Flex } from '@chakra-ui/react'
|
|
import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
|
|
import React, { useMemo } from 'react'
|
|
import { TypebotViewer } from 'bot-engine'
|
|
import { parseTypebotToPublicTypebot } from 'services/publicTypebot'
|
|
import { SettingsSideMenu } from 'components/settings/SettingsSideMenu'
|
|
import { getViewerUrl } from 'utils'
|
|
|
|
export const SettingsContent = () => {
|
|
const { typebot } = useTypebot()
|
|
const publicTypebot = useMemo(
|
|
() => (typebot ? parseTypebotToPublicTypebot(typebot) : undefined),
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
[typebot?.settings]
|
|
)
|
|
|
|
return (
|
|
<Flex h="full" w="full">
|
|
<SettingsSideMenu />
|
|
<Flex flex="1">
|
|
{publicTypebot && (
|
|
<TypebotViewer
|
|
apiHost={getViewerUrl({ isBuilder: true })}
|
|
typebot={publicTypebot}
|
|
/>
|
|
)}
|
|
</Flex>
|
|
</Flex>
|
|
)
|
|
}
|