From 0ea3d8b4920c23a2ca798338ebcbd9d2a0765ac4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Fri, 27 Feb 2026 17:31:49 +0100 Subject: [PATCH] nicolium: i like this style better MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: nicole mikołajczyk --- packages/nicolium/src/components/list.tsx | 2 +- .../src/components/statuses/hashtags-bar.tsx | 2 +- .../nicolium/src/components/ui/accordion.tsx | 4 ++-- .../nicolium/src/components/ui/multiselect.tsx | 6 +++--- packages/nicolium/src/components/upload.tsx | 2 +- .../compose/components/reply-mentions.tsx | 2 +- .../compose/components/schedule-form.tsx | 2 +- .../crypto-donate/components/crypto-address.tsx | 2 +- .../emoji-picker-dropdown-container.tsx | 4 ++-- .../components/icon-picker-menu.tsx | 2 +- .../features/ui/components/zoomable-image.tsx | 2 +- packages/nicolium/src/modals/alt-text-modal.tsx | 16 ++++++++-------- .../nicolium/src/pages/auth/password-reset.tsx | 2 +- packages/nicolium/src/pages/settings/aliases.tsx | 4 ++-- .../src/pages/timelines/antenna-timeline.tsx | 2 +- .../src/pages/timelines/circle-timeline.tsx | 2 +- .../src/pages/timelines/list-timeline.tsx | 2 +- 17 files changed, 29 insertions(+), 29 deletions(-) diff --git a/packages/nicolium/src/components/list.tsx b/packages/nicolium/src/components/list.tsx index 88f05387d..6670b4baa 100644 --- a/packages/nicolium/src/components/list.tsx +++ b/packages/nicolium/src/components/list.tsx @@ -39,7 +39,7 @@ const ListItem: React.FC = ({ const labelId = `${domId}-label`; const hintId = `${domId}-hint`; - const onKeyDown = (e: React.KeyboardEvent) => { + const onKeyDown: React.KeyboardEventHandler = (e) => { if (e.key === 'Enter') { onClick!(); } diff --git a/packages/nicolium/src/components/statuses/hashtags-bar.tsx b/packages/nicolium/src/components/statuses/hashtags-bar.tsx index 7ac46d36c..0da413eca 100644 --- a/packages/nicolium/src/components/statuses/hashtags-bar.tsx +++ b/packages/nicolium/src/components/statuses/hashtags-bar.tsx @@ -15,7 +15,7 @@ interface IHashtagsBar { const HashtagsBar: React.FC = ({ hashtags }) => { const [expanded, setExpanded] = useState(false); - const handleClick = useCallback((e: React.MouseEvent) => { + const handleClick: React.MouseEventHandler = useCallback((e) => { e.stopPropagation(); setExpanded(true); diff --git a/packages/nicolium/src/components/ui/accordion.tsx b/packages/nicolium/src/components/ui/accordion.tsx index 8f53fdf99..c72cfebad 100644 --- a/packages/nicolium/src/components/ui/accordion.tsx +++ b/packages/nicolium/src/components/ui/accordion.tsx @@ -40,12 +40,12 @@ const Accordion: React.FC = ({ }) => { const intl = useIntl(); - const handleToggle = (e: React.MouseEvent) => { + const handleToggle: React.MouseEventHandler = (e) => { onToggle(!expanded); e.preventDefault(); }; - const handleAction = (e: React.MouseEvent) => { + const handleAction: React.MouseEventHandler = (e) => { if (!action) return; action(); diff --git a/packages/nicolium/src/components/ui/multiselect.tsx b/packages/nicolium/src/components/ui/multiselect.tsx index 0bdaae82b..29f37652d 100644 --- a/packages/nicolium/src/components/ui/multiselect.tsx +++ b/packages/nicolium/src/components/ui/multiselect.tsx @@ -130,7 +130,7 @@ const Multiselect: React.FC = ({ [selectedValues, emitChange], ); - const onInputChange = useCallback((e: React.ChangeEvent) => { + const onInputChange: React.ChangeEventHandler = useCallback((e) => { setInputValue(e.target.value); }, []); @@ -155,8 +155,8 @@ const Multiselect: React.FC = ({ }, 0); }, []); - const onKeyDown = useCallback( - (e: React.KeyboardEvent) => { + const onKeyDown: React.KeyboardEventHandler = useCallback( + (e) => { if (e.key === 'Backspace' && !inputValue && selectedValues.length) { onRemoveSelectedItem(selectedValues[selectedValues.length - 1]); return; diff --git a/packages/nicolium/src/components/upload.tsx b/packages/nicolium/src/components/upload.tsx index aa47ab161..7e97b852a 100644 --- a/packages/nicolium/src/components/upload.tsx +++ b/packages/nicolium/src/components/upload.tsx @@ -125,7 +125,7 @@ const Upload: React.FC = ({ openModal('MEDIA', { media: [media], index: 0 }); }; - const handleOpenAltTextModal = (e: React.MouseEvent) => { + const handleOpenAltTextModal: React.MouseEventHandler = (e) => { e.stopPropagation(); e.preventDefault(); diff --git a/packages/nicolium/src/features/compose/components/reply-mentions.tsx b/packages/nicolium/src/features/compose/components/reply-mentions.tsx index 8dfaff8f1..32ba0bf1a 100644 --- a/packages/nicolium/src/features/compose/components/reply-mentions.tsx +++ b/packages/nicolium/src/features/compose/components/reply-mentions.tsx @@ -23,7 +23,7 @@ const ReplyMentions: React.FC = ({ composeId }) => { return null; } - const handleClick = (e: React.MouseEvent) => { + const handleClick: React.MouseEventHandler = (e) => { e.preventDefault(); openModal('REPLY_MENTIONS', { diff --git a/packages/nicolium/src/features/compose/components/schedule-form.tsx b/packages/nicolium/src/features/compose/components/schedule-form.tsx index 40ab1ec0e..b6a798d35 100644 --- a/packages/nicolium/src/features/compose/components/schedule-form.tsx +++ b/packages/nicolium/src/features/compose/components/schedule-form.tsx @@ -40,7 +40,7 @@ const ScheduleForm: React.FC = ({ composeId }) => { }); }; - const handleRemove = (e: React.MouseEvent) => { + const handleRemove: React.MouseEventHandler = (e) => { updateCompose(composeId, (draft) => { draft.scheduledAt = null; }); diff --git a/packages/nicolium/src/features/crypto-donate/components/crypto-address.tsx b/packages/nicolium/src/features/crypto-donate/components/crypto-address.tsx index 44371dbba..e0817fe62 100644 --- a/packages/nicolium/src/features/crypto-donate/components/crypto-address.tsx +++ b/packages/nicolium/src/features/crypto-donate/components/crypto-address.tsx @@ -22,7 +22,7 @@ const CryptoAddress: React.FC = (props): React.JSX.Element => { const { openModal } = useModalsActions(); - const handleModalClick = (e: React.MouseEvent): void => { + const handleModalClick: React.MouseEventHandler = (e) => { openModal('CRYPTO_DONATE', props); e.preventDefault(); }; diff --git a/packages/nicolium/src/features/emoji/containers/emoji-picker-dropdown-container.tsx b/packages/nicolium/src/features/emoji/containers/emoji-picker-dropdown-container.tsx index 0ccd1b9c5..67c8410e9 100644 --- a/packages/nicolium/src/features/emoji/containers/emoji-picker-dropdown-container.tsx +++ b/packages/nicolium/src/features/emoji/containers/emoji-picker-dropdown-container.tsx @@ -54,13 +54,13 @@ const EmojiPickerDropdownContainer: React.FC = ({ setIsOpen(false); }); - const handleClick = (e: React.MouseEvent) => { + const handleClick: React.MouseEventHandler = (e) => { e.stopPropagation(); e.preventDefault(); setIsOpen(!isOpen); }; - const handleKeyDown = (e: React.KeyboardEvent) => { + const handleKeyDown: React.KeyboardEventHandler = (e) => { if (['Enter', ' '].includes(e.key)) { e.stopPropagation(); e.preventDefault(); diff --git a/packages/nicolium/src/features/frontend-config/components/icon-picker-menu.tsx b/packages/nicolium/src/features/frontend-config/components/icon-picker-menu.tsx index 9c6856d28..de9b1932f 100644 --- a/packages/nicolium/src/features/frontend-config/components/icon-picker-menu.tsx +++ b/packages/nicolium/src/features/frontend-config/components/icon-picker-menu.tsx @@ -27,7 +27,7 @@ const IconPickerMenu: React.FC = ({ icons, onPick }) => { onPick(icon); }; - const handleKeyDown = (e: React.KeyboardEvent) => { + const handleKeyDown: React.KeyboardEventHandler = (e) => { const target = e.target as HTMLButtonElement; const icon = target.dataset.index; diff --git a/packages/nicolium/src/features/ui/components/zoomable-image.tsx b/packages/nicolium/src/features/ui/components/zoomable-image.tsx index 7aa5feaf8..dcc2a3cef 100644 --- a/packages/nicolium/src/features/ui/components/zoomable-image.tsx +++ b/packages/nicolium/src/features/ui/components/zoomable-image.tsx @@ -249,7 +249,7 @@ const ZoomableImage: React.FC = ({ } }, [api, style.scale, zoomedIn, width, height, loaded]); - const handleClick = useCallback((e: React.MouseEvent) => { + const handleClick: React.MouseEventHandler = useCallback((e) => { // This handler exists to cancel the onClick handler on the media modal which would // otherwise close the modal. It cannot be used for actual click handling because // we don't know if the user is about to pan the image or not. diff --git a/packages/nicolium/src/modals/alt-text-modal.tsx b/packages/nicolium/src/modals/alt-text-modal.tsx index 33723fe7d..0e8e1a0f0 100644 --- a/packages/nicolium/src/modals/alt-text-modal.tsx +++ b/packages/nicolium/src/modals/alt-text-modal.tsx @@ -54,8 +54,8 @@ const Preview: React.FC = ({ media, position: [x, y], onPositionCh nodeRef.current = e; }, []); - const handleMouseDown = useCallback( - (e: React.MouseEvent) => { + const handleMouseDown: React.MouseEventHandler = useCallback( + (e) => { if (e.button !== 0 || !nodeRef.current) { return; } @@ -68,8 +68,8 @@ const Preview: React.FC = ({ media, position: [x, y], onPositionCh [onPositionChange], ); - const handleTouchStart = useCallback( - (e: React.TouchEvent) => { + const handleTouchStart: React.TouchEventHandler = useCallback( + (e) => { if (!nodeRef.current) return; const { x, y } = getPointerPosition(nodeRef.current, e); @@ -203,8 +203,8 @@ const AltTextModal: React.FC = ({ const [isSaving, setIsSaving] = useState(false); const dirtyRef = useRef(Boolean(previousDescription)); - const handleDescriptionChange = useCallback( - (e: React.ChangeEvent) => { + const handleDescriptionChange: React.ChangeEventHandler = useCallback( + (e) => { setDescription(e.target.value); dirtyRef.current = true; }, @@ -235,8 +235,8 @@ const AltTextModal: React.FC = ({ }); }, [dispatch, setIsSaving, media.id, onClose, description, position]); - const handleKeyUp = useCallback( - (e: React.KeyboardEvent) => { + const handleKeyUp: React.KeyboardEventHandler = useCallback( + (e) => { if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { e.preventDefault(); } diff --git a/packages/nicolium/src/pages/auth/password-reset.tsx b/packages/nicolium/src/pages/auth/password-reset.tsx index eb82e393e..817c0b04d 100644 --- a/packages/nicolium/src/pages/auth/password-reset.tsx +++ b/packages/nicolium/src/pages/auth/password-reset.tsx @@ -33,7 +33,7 @@ const PasswordResetPage = () => { const [isLoading, setIsLoading] = useState(false); const [success, setSuccess] = useState(false); - const handleSubmit = (e: React.SubmitEvent) => { + const handleSubmit: React.SubmitEventHandler = (e) => { const nicknameOrEmail = e.target.nickname_or_email.value; setIsLoading(true); dispatch(resetPassword(nicknameOrEmail)) diff --git a/packages/nicolium/src/pages/settings/aliases.tsx b/packages/nicolium/src/pages/settings/aliases.tsx index 17b77d096..1ce5a1a90 100644 --- a/packages/nicolium/src/pages/settings/aliases.tsx +++ b/packages/nicolium/src/pages/settings/aliases.tsx @@ -87,11 +87,11 @@ const Search: React.FC = ({ onSubmit }) => { const [value, setValue] = useState(''); - const handleChange = (e: React.ChangeEvent) => { + const handleChange: React.ChangeEventHandler = (e) => { setValue(e.target.value); }; - const handleKeyUp = (e: React.KeyboardEvent) => { + const handleKeyUp: React.KeyboardEventHandler = (e) => { if (e.keyCode === 13) { onSubmit(value); } diff --git a/packages/nicolium/src/pages/timelines/antenna-timeline.tsx b/packages/nicolium/src/pages/timelines/antenna-timeline.tsx index beadcc6cb..c1d9f9d66 100644 --- a/packages/nicolium/src/pages/timelines/antenna-timeline.tsx +++ b/packages/nicolium/src/pages/timelines/antenna-timeline.tsx @@ -48,7 +48,7 @@ const AntennaTimelinePage: React.FC = () => { openModal('ANTENNA_EDITOR', { antennaId }); }; - const handleDeleteClick = (e: React.MouseEvent | React.KeyboardEvent) => { + const handleDeleteClick: React.EventHandler = (e) => { e.preventDefault(); openModal('CONFIRM', { diff --git a/packages/nicolium/src/pages/timelines/circle-timeline.tsx b/packages/nicolium/src/pages/timelines/circle-timeline.tsx index 86db25f05..6da740c20 100644 --- a/packages/nicolium/src/pages/timelines/circle-timeline.tsx +++ b/packages/nicolium/src/pages/timelines/circle-timeline.tsx @@ -48,7 +48,7 @@ const CircleTimelinePage: React.FC = () => { openModal('CIRCLE_EDITOR', { circleId }); }; - const handleDeleteClick = (e: React.MouseEvent | React.KeyboardEvent) => { + const handleDeleteClick: React.EventHandler = (e) => { e.preventDefault(); openModal('CONFIRM', { diff --git a/packages/nicolium/src/pages/timelines/list-timeline.tsx b/packages/nicolium/src/pages/timelines/list-timeline.tsx index 97a3f9618..90c38656d 100644 --- a/packages/nicolium/src/pages/timelines/list-timeline.tsx +++ b/packages/nicolium/src/pages/timelines/list-timeline.tsx @@ -51,7 +51,7 @@ const ListTimelinePage: React.FC = () => { openModal('LIST_EDITOR', { listId }); }; - const handleDeleteClick = (e: React.MouseEvent | React.KeyboardEvent) => { + const handleDeleteClick: React.EventHandler = (e) => { e.preventDefault(); openModal('CONFIRM', {