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

pl-fe: allow accessing 'load more' button with hotkeys

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-10-31 11:02:41 +01:00
parent 83d2bc1073
commit e1986fb670
11 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/pl-fe/src/components/load-more.tsx
View File

@ -1,8 +1,7 @@
import { clsx } from 'clsx';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import Button from 'pl-fe/components/ui/button';
interface ILoadMore {
onClick: React.MouseEventHandler;
disabled?: boolean;
@ -16,9 +15,9 @@ const LoadMore: React.FC<ILoadMore> = ({ onClick, disabled, visible = true, clas
}
return (
<Button className={className} theme='primary' block disabled={disabled || !visible} onClick={onClick}>
<button className={clsx('⁂-load-more', className)} disabled={disabled || !visible} onClick={onClick}>
<FormattedMessage id='status.load_more' defaultMessage='Load more' />
</Button>
</button>
);
};

2
packages/pl-fe/src/components/status-list.tsx
View File

@ -71,7 +71,7 @@ const StatusList: React.FC<IStatusList> = ({
const handleMoveDown = (id: string, featured: boolean = false) => {
const elementIndex = getCurrentStatusIndex(id, featured) + 1;
selectChild(elementIndex, node, document.getElementById('status-list') || undefined);
selectChild(elementIndex, node, document.getElementById('status-list') || undefined, scrollableContent.length);
};
const handleLoadOlder = useCallback(debounce(() => {