blsmedia/bot
2
0
Fork 0
Code Activity

chore(theme): ✅ Add general theme settings tests

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-01-24 09:36:28 +01:00
parent 079cf5ec57
commit 619d10ae4e
8 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/builder/components/theme/GeneralContent/BackgroundSelector/BackgroundTypeRadioButtons.tsx
View File

@ -17,7 +17,7 @@ export const BackgroundTypeRadioButtons = ({
backgroundType,
onBackgroundTypeChange,
}: Props) => {
const options = ['Color', 'Image', 'None']
const options = ['Color', 'None']
const { getRootProps, getRadioProps } = useRadioGroup({
name: 'background-type',

5
apps/builder/components/theme/GeneralContent/ColorPicker.tsx
View File

@ -42,7 +42,7 @@ export const ColorPicker = ({ initialColor, onColorChange }: Props) => {
<Popover variant="picker">
<PopoverTrigger>
<Button
aria-label={color}
aria-label={'Pick a color'}
background={color}
height="22px"
width="22px"
@ -85,7 +85,8 @@ export const ColorPicker = ({ initialColor, onColorChange }: Props) => {
<Input
borderRadius={3}
marginTop={3}
placeholder="red.100"
placeholder="#2a9d8f"
aria-label="Color value"
size="sm"
value={color}
onChange={(e) => {

6
apps/builder/components/theme/GeneralContent/FontSelector/FontSelector.tsx
View File

@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react'
import { Text, Flex } from '@chakra-ui/react'
import { Text, HStack } from '@chakra-ui/react'
import { SearchableDropdown } from '../../../shared/SearchableDropdown'
type FontSelectorProps = {
@ -34,13 +34,13 @@ export const FontSelector = ({
}
return (
<Flex justify="space-between" align="center">
<HStack justify="space-between" align="center">
<Text>Font</Text>
<SearchableDropdown
selectedItem={activeFont}
items={googleFonts}
onValueChange={handleFontSelected}
/>
</Flex>
</HStack>
)
}

22
apps/builder/components/theme/ThemeContent.tsx
View File

@ -1,22 +0,0 @@
import { Flex } from '@chakra-ui/react'
import { TypebotViewer } from 'bot-engine'
import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
import React, { useMemo } from 'react'
import { parseTypebotToPublicTypebot } from 'services/publicTypebot'
import { SideMenu } from './SideMenu'
export const ThemeContent = () => {
const { typebot } = useTypebot()
const publicTypebot = useMemo(
() => (typebot ? parseTypebotToPublicTypebot(typebot) : undefined),
[typebot]
)
return (
<Flex h="full" w="full">
<SideMenu />
<Flex flex="1">
{publicTypebot && <TypebotViewer typebot={publicTypebot} />}
</Flex>
</Flex>
)
}