matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nicolium: label remaining text editor buttons

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-25 23:41:41 +01:00
parent 01d96998e4
commit b7b6c7c09b
2 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
View File

@ -63,6 +63,14 @@ const messages = defineMessages({
},
insertLink: { id: 'compose_form.lexical.insert_link', defaultMessage: 'Insert link' },
blockType: { id: 'compose_form.lexical.block_type', defaultMessage: 'Change block type' },
paragraph: { id: 'compose_form.lexical.block_type.paragraph', defaultMessage: 'Normal' },
h1: { id: 'compose_form.lexical.block_type.h1', defaultMessage: 'Heading 1' },
h2: { id: 'compose_form.lexical.block_type.h2', defaultMessage: 'Heading 2' },
h3: { id: 'compose_form.lexical.block_type.h3', defaultMessage: 'Heading 3' },
bulletList: { id: 'compose_form.lexical.block_type.bullet', defaultMessage: 'Bulleted list' },
numberedList: { id: 'compose_form.lexical.block_type.number', defaultMessage: 'Numbered list' },
quote: { id: 'compose_form.lexical.block_type.quote', defaultMessage: 'Quote' },
codeBlock: { id: 'compose_form.lexical.block_type.code', defaultMessage: 'Code block' },
});
const blockTypeToIcon = {
@ -217,6 +225,7 @@ const BlockTypeDropdown = ({
onClick={formatParagraph}
active={blockType === 'paragraph'}
icon={blockTypeToIcon.paragraph}
aria-label={intl.formatMessage(messages.paragraph)}
/>
{composeAllowHeadings && (
<>
@ -226,6 +235,7 @@ const BlockTypeDropdown = ({
}}
active={blockType === 'h1'}
icon={blockTypeToIcon.h1}
aria-label={intl.formatMessage(messages.h1)}
/>
<ToolbarButton
onClick={() => {
@ -233,6 +243,7 @@ const BlockTypeDropdown = ({
}}
active={blockType === 'h2'}
icon={blockTypeToIcon.h2}
aria-label={intl.formatMessage(messages.h2)}
/>
<ToolbarButton
onClick={() => {
@ -240,6 +251,7 @@ const BlockTypeDropdown = ({
}}
active={blockType === 'h3'}
icon={blockTypeToIcon.h3}
aria-label={intl.formatMessage(messages.h3)}
/>
</>
)}
@ -247,21 +259,25 @@ const BlockTypeDropdown = ({
onClick={formatBulletList}
active={blockType === 'bullet'}
icon={blockTypeToIcon.bullet}
aria-label={intl.formatMessage(messages.bulletList)}
/>
<ToolbarButton
onClick={formatNumberedList}
active={blockType === 'number'}
icon={blockTypeToIcon.number}
aria-label={intl.formatMessage(messages.numberedList)}
/>
<ToolbarButton
onClick={formatQuote}
active={blockType === 'quote'}
icon={blockTypeToIcon.quote}
aria-label={intl.formatMessage(messages.quote)}
/>
<ToolbarButton
onClick={formatCode}
active={blockType === 'code'}
icon={blockTypeToIcon.code}
aria-label={intl.formatMessage(messages.codeBlock)}
/>
</div>
)}
@ -390,6 +406,7 @@ const TextFormatFloatingToolbar = ({
}}
active={isBold}
aria-label={intl.formatMessage(messages.formatBold)}
aria-label={intl.formatMessage(messages.formatBold)}
icon={require('@phosphor-icons/core/regular/text-b.svg')}
/>
<ToolbarButton
@ -398,6 +415,7 @@ const TextFormatFloatingToolbar = ({
}}
active={isItalic}
aria-label={intl.formatMessage(messages.formatItalic)}
aria-label={intl.formatMessage(messages.formatItalic)}
icon={require('@phosphor-icons/core/regular/text-italic.svg')}
/>
<ToolbarButton
@ -406,6 +424,7 @@ const TextFormatFloatingToolbar = ({
}}
active={isUnderline}
aria-label={intl.formatMessage(messages.formatUnderline)}
aria-label={intl.formatMessage(messages.formatUnderline)}
icon={require('@phosphor-icons/core/regular/text-underline.svg')}
/>
<ToolbarButton
@ -414,6 +433,7 @@ const TextFormatFloatingToolbar = ({
}}
active={isStrikethrough}
aria-label={intl.formatMessage(messages.formatStrikethrough)}
aria-label={intl.formatMessage(messages.formatStrikethrough)}
icon={require('@phosphor-icons/core/regular/text-strikethrough.svg')}
/>
<ToolbarButton
@ -422,12 +442,14 @@ const TextFormatFloatingToolbar = ({
}}
active={isCode}
aria-label={intl.formatMessage(messages.insertCodeBlock)}
aria-label={intl.formatMessage(messages.insertCodeBlock)}
icon={require('@phosphor-icons/core/regular/code.svg')}
/>
<ToolbarButton
onClick={insertLink}
active={isLink}
aria-label={intl.formatMessage(messages.insertLink)}
aria-label={intl.formatMessage(messages.insertLink)}
icon={require('@phosphor-icons/core/regular/link-simple-horizontal.svg')}
/>
</>

8
packages/pl-fe/src/locales/en.json
View File

@ -636,6 +636,14 @@
"compose_form.hashtag_warning": "This post won't be listed under any hashtag as it is unlisted. Only public posts can be searched by hashtag.",
"compose_form.interaction_policy.label": "Manage interaction policy",
"compose_form.lexical.block_type": "Change block type",
"compose_form.lexical.block_type.bullet": "Bulleted list",
"compose_form.lexical.block_type.code": "Code block",
"compose_form.lexical.block_type.h1": "Heading 1",
"compose_form.lexical.block_type.h2": "Heading 2",
"compose_form.lexical.block_type.h3": "Heading 3",
"compose_form.lexical.block_type.number": "Numbered list",
"compose_form.lexical.block_type.paragraph": "Normal",
"compose_form.lexical.block_type.quote": "Quote",
"compose_form.lexical.create_horizontal_line": "Create horizontal line",
"compose_form.lexical.edit_link": "Edit link",
"compose_form.lexical.format_bold": "Format bold",