@ -15,7 +15,7 @@ import {
|
|||||||
} from 'models'
|
} from 'models'
|
||||||
import { Log } from 'db'
|
import { Log } from 'db'
|
||||||
import { LiteBadge } from './LiteBadge'
|
import { LiteBadge } from './LiteBadge'
|
||||||
import { getViewerUrl, isEmpty } from 'utils'
|
import { getViewerUrl, isEmpty, isNotEmpty } from 'utils'
|
||||||
|
|
||||||
export type TypebotViewerProps = {
|
export type TypebotViewerProps = {
|
||||||
typebot: Omit<PublicTypebot, 'updatedAt' | 'createdAt'>
|
typebot: Omit<PublicTypebot, 'updatedAt' | 'createdAt'>
|
||||||
@ -84,13 +84,15 @@ export const TypebotViewer = ({
|
|||||||
name="Typebot viewer"
|
name="Typebot viewer"
|
||||||
style={{ width: '100%', height: '100%', border: 'none', ...style }}
|
style={{ width: '100%', height: '100%', border: 'none', ...style }}
|
||||||
>
|
>
|
||||||
<style
|
{isNotEmpty(typebot?.theme?.general?.font) && (
|
||||||
dangerouslySetInnerHTML={{
|
<style
|
||||||
__html: `@import url('https://fonts.googleapis.com/css2?family=${
|
dangerouslySetInnerHTML={{
|
||||||
typebot?.theme?.general?.font ?? 'Open Sans'
|
__html: `@import url('https://fonts.googleapis.com/css2?family=${
|
||||||
}:wght@300;400;600&display=swap');`,
|
typebot.theme.general.font ?? 'Open Sans'
|
||||||
}}
|
}:wght@300;400;600&display=swap');`,
|
||||||
/>
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
<TypebotProvider
|
<TypebotProvider
|
||||||
typebot={typebot}
|
typebot={typebot}
|
||||||
apiHost={apiHost}
|
apiHost={apiHost}
|
||||||
|
Reference in New Issue
Block a user