blsmedia/bot
2
0
Fork 0
Code Activity

🦴 Add theme page backbone

Browse Source
This commit is contained in:
Baptiste Arnaud
2021-12-23 09:37:42 +01:00
parent 6ee0647384
commit 30ddb143b4
35 changed files with 784 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/bot-engine/src/components/ConversationContainer.tsx
View File

@ -3,6 +3,8 @@ import { PublicTypebot } from '..'
import { Block } from '..'
import { ChatBlock } from './ChatBlock/ChatBlock'
import { useFrame } from 'react-frame-component'
import { setCssVariablesValue } from '../services/theme'
export const ConversationContainer = ({
typebot,
@ -11,6 +13,7 @@ export const ConversationContainer = ({
typebot: PublicTypebot
onNewBlockVisisble: (blockId: string) => void
}) => {
const { document: frameDocument } = useFrame()
const [displayedBlocks, setDisplayedBlocks] = useState<Block[]>([])
const [isConversationEnded, setIsConversationEnded] = useState(false)
@ -28,6 +31,10 @@ export const ConversationContainer = ({
if (firstBlockId) displayNextBlock(firstBlockId)
}, [])
useEffect(() => {
setCssVariablesValue(typebot.theme, frameDocument.body.style)
}, [typebot.theme, frameDocument])
return (
<div
className="overflow-y-scroll w-full lg:w-3/4 min-h-full rounded lg:px-5 px-3 pt-10 relative scrollable-container typebot-chat-view"