bed8b42a2e
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ### Summary by CodeRabbit - Refactor: Transitioned to a new translation library (`@tolgee/react`) across the application, enhancing the localization capabilities and consistency. - New Feature: Introduced a JSON configuration file for application settings, improving customization and flexibility. - Refactor: Updated SVG attribute naming convention in the `WhatsAppLogo` component to align with React standards. - Chore: Adjusted the `.gitignore` file and added a new line at the end. - Documentation: Added instructions for setting up environment variables for the Tolgee i18n contribution dev tool, improving the self-hosting configuration guide. - Style: Updated the `CollaborationMenuButton` to hide the `PopoverContent` component by scaling it down to zero. - Refactor: Simplified error handling logic for fetching and updating typebots in `TypebotProvider.tsx`, improving code readability and maintenance. - Refactor: Removed the dependency on the `parseGroupTitle` function, simplifying the code in several components. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
27 lines
893 B
TypeScript
27 lines
893 B
TypeScript
import React from 'react'
|
|
import { Tag, Text } from '@chakra-ui/react'
|
|
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
|
|
import { byId, isDefined } from '@typebot.io/lib'
|
|
import { JumpBlock } from '@typebot.io/schemas/features/blocks/logic/jump'
|
|
|
|
type Props = {
|
|
options: JumpBlock['options']
|
|
}
|
|
|
|
export const JumpNodeBody = ({ options }: Props) => {
|
|
const { typebot } = useTypebot()
|
|
const selectedGroup = typebot?.groups.find(byId(options.groupId))
|
|
const blockIndex = selectedGroup?.blocks.findIndex(byId(options.blockId))
|
|
if (!selectedGroup) return <Text color="gray.500">Configure...</Text>
|
|
return (
|
|
<Text>
|
|
Jump to <Tag colorScheme="blue">{selectedGroup.title}</Tag>{' '}
|
|
{isDefined(blockIndex) && blockIndex >= 0 ? (
|
|
<>
|
|
at block <Tag colorScheme="blue">{blockIndex + 1}</Tag>
|
|
</>
|
|
) : null}
|
|
</Text>
|
|
)
|
|
}
|