bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pl-fe: Use selected language for composer inputs

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-11-13 19:53:31 +01:00
parent 61a708b162
commit 06113f2610
5 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/pl-fe/src/components/autosuggest-input.tsx
View file

@ -17,7 +17,7 @@ import type { Emoji } from 'pl-fe/features/emoji';
type AutoSuggestion = string | Emoji | Location; type AutoSuggestion = string | Emoji | Location;
interface IAutosuggestInput extends Pick<React.HTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyUp' | 'onKeyDown'> { interface IAutosuggestInput extends Pick<React.HTMLAttributes<HTMLInputElement>, 'lang' | 'onChange' | 'onKeyUp' | 'onKeyDown'> {
value: string; value: string;
suggestions: Array<AutoSuggestion>; suggestions: Array<AutoSuggestion>;
disabled?: boolean; disabled?: boolean;
@ -271,6 +271,7 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
maxLength={props.maxLength} maxLength={props.maxLength}
data-testid='autosuggest-input' data-testid='autosuggest-input'
theme={props.theme} theme={props.theme}
lang={props.lang}
/> />
</div>, </div>,
<Portal key='portal'> <Portal key='portal'>

2
packages/pl-fe/src/components/ui/input.tsx
View file

@ -17,7 +17,7 @@ const messages = defineMessages({
/** Possible theme names for an Input. */ /** Possible theme names for an Input. */
type InputThemes = 'normal' | 'search' | 'transparent' type InputThemes = 'normal' | 'search' | 'transparent'
interface IInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onChange' | 'onBlur' | 'type' | 'autoComplete' | 'autoCorrect' | 'autoCapitalize' | 'required' | 'disabled' | 'onClick' | 'readOnly' | 'min' | 'pattern' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'style' | 'id'> { interface IInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onChange' | 'onBlur' | 'type' | 'autoComplete' | 'autoCorrect' | 'autoCapitalize' | 'required' | 'disabled' | 'onClick' | 'readOnly' | 'min' | 'pattern' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'style' | 'id' | 'lang'> {
/** Put the cursor into the input on mount. */ /** Put the cursor into the input on mount. */
autoFocus?: boolean; autoFocus?: boolean;
/** The initial text in the input. */ /** The initial text in the input. */

3
packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
View file

@ -55,7 +55,7 @@ const Option: React.FC<IOption> = ({
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const intl = useIntl(); const intl = useIntl();
const { suggestions } = useCompose(composeId); const { suggestions, modified_language: language } = useCompose(composeId);
const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) => onChange(index, event.target.value); const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) => onChange(index, event.target.value);
@ -96,6 +96,7 @@ const Option: React.FC<IOption> = ({
onSuggestionSelected={onSuggestionSelected} onSuggestionSelected={onSuggestionSelected}
searchTokens={[':']} searchTokens={[':']}
autoFocus={index === 0 || index >= 2} autoFocus={index === 0 || index >= 2}
lang={language || undefined}
/> />
</HStack> </HStack>

1
packages/pl-fe/src/features/compose/components/spoiler-input.tsx
View file

@ -45,6 +45,7 @@ const SpoilerInput: React.FC<ISpoilerInput> = ({
searchTokens={[':']} searchTokens={[':']}
id='cw-spoiler-input' id='cw-spoiler-input'
className='rounded-md !bg-transparent dark:!bg-transparent' className='rounded-md !bg-transparent dark:!bg-transparent'
lang={modified_language || undefined}
/> />
); );
}; };

3
packages/pl-fe/src/features/compose/editor/index.tsx
View file

@ -99,7 +99,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
placeholder, placeholder,
}, ref) => { }, ref) => {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const { content_type: contentType } = useCompose(composeId); const { content_type: contentType, modified_language: language } = useCompose(composeId);
const isWysiwyg = contentType === 'wysiwyg'; const isWysiwyg = contentType === 'wysiwyg';
const nodes = useNodes(isWysiwyg); const nodes = useNodes(isWysiwyg);
const intl = useIntl(); const intl = useIntl();
@ -210,6 +210,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
'min-h-[99px]': !condensed, 'min-h-[99px]': !condensed,
}, },
)} )}
lang={language || undefined}
/> />
</div> </div>
} }