Add editor header translation keys (#1110)
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Implemented internationalization support across various components using the `useTranslate` function for dynamic content translation. - **Enhancements** - Updated UI elements such as buttons, tooltips, placeholders, and labels to display translated text, improving accessibility and user experience for non-English speakers. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr> Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
This commit is contained in:
@@ -4,8 +4,10 @@ import { SwitchWithRelatedSettings } from '@/components/SwitchWithRelatedSetting
|
||||
import { CopyButton } from '@/components/CopyButton'
|
||||
import { CollaborationList } from '@/features/collaboration/components/CollaborationList'
|
||||
import { useTypebot } from '@/features/editor/providers/TypebotProvider'
|
||||
import { useTranslate } from '@tolgee/react'
|
||||
|
||||
export const SharePopoverContent = () => {
|
||||
const { t } = useTranslate()
|
||||
const { typebot, updateTypebot } = useTypebot()
|
||||
|
||||
const currentUrl = `${window.location.origin}/typebots/${typebot?.id}/edit`
|
||||
@@ -30,7 +32,7 @@ export const SharePopoverContent = () => {
|
||||
<CollaborationList />
|
||||
<Stack p="4" borderTopWidth={1}>
|
||||
<SwitchWithRelatedSettings
|
||||
label={'Make the flow publicly available'}
|
||||
label={t('share.button.popover.publicFlow.label')}
|
||||
initialValue={typebot?.settings.publicShare?.isEnabled ?? false}
|
||||
onCheckChange={updateIsPublicShareEnabled}
|
||||
>
|
||||
|
||||
@@ -7,18 +7,21 @@ import {
|
||||
import { UsersIcon } from '@/components/icons'
|
||||
import React from 'react'
|
||||
import { SharePopoverContent } from './SharePopoverContent'
|
||||
import { useTranslate } from '@tolgee/react'
|
||||
|
||||
export const ShareTypebotButton = ({ isLoading }: { isLoading: boolean }) => {
|
||||
const { t } = useTranslate()
|
||||
|
||||
return (
|
||||
<Popover isLazy placement="bottom-end">
|
||||
<PopoverTrigger>
|
||||
<Button
|
||||
isLoading={isLoading}
|
||||
leftIcon={<UsersIcon />}
|
||||
aria-label="Open share popover"
|
||||
aria-label={t('share.button.popover.ariaLabel')}
|
||||
size="sm"
|
||||
>
|
||||
Share
|
||||
{t('share.button.label')}
|
||||
</Button>
|
||||
</PopoverTrigger>
|
||||
<PopoverContent
|
||||
|
||||
Reference in New Issue
Block a user