blsmedia/bot
2
0
Fork 0
Code Activity

feat(bot): 💄 Responsive rating input

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-06-20 15:13:11 +02:00
parent 6938533126
commit 49bf178090
5 changed files with 32 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/builder/components/shared/Graph/Nodes/BlockNode/BlockNodeContent/contents/RatingInputContent.tsx
View File

@ -7,6 +7,7 @@ type Props = {
export const RatingInputContent = ({ block }: Props) => (
<Text noOfLines={1} pr="6">
Rate from 1 to {block.options.length}
Rate from {block.options.buttonType === 'Icons' ? 1 : 0} to{' '}
{block.options.length}
</Text>
)

18
apps/builder/components/shared/Graph/Nodes/BlockNode/SettingsPopoverContent/bodies/RatingInputSettingsBody.tsx
View File

@ -33,9 +33,6 @@ export const RatingInputSettings = ({
const handleLeftLabelChange = (left: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, left } })
const handleMiddleLabelChange = (middle: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, middle } })
const handleRightLabelChange = (right: string) =>
onOptionsChange({ ...options, labels: { ...options.labels, right } })
@ -92,7 +89,7 @@ export const RatingInputSettings = ({
)}
<Stack>
<FormLabel mb="0" htmlFor="button">
1 label:
{options.buttonType === 'Icons' ? '1' : '0'} label:
</FormLabel>
<Input
id="button"
@ -101,19 +98,6 @@ export const RatingInputSettings = ({
placeholder="Not likely at all"
/>
</Stack>
{options.length >= 4 && (
<Stack>
<FormLabel mb="0" htmlFor="button">
{Math.floor(options.length / 2)} label:
</FormLabel>
<Input
id="button"
defaultValue={options.labels.middle}
onChange={handleMiddleLabelChange}
placeholder="Neutral"
/>
</Stack>
)}
<Stack>
<FormLabel mb="0" htmlFor="button">
{options.length} label: