murdle/fluxer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(app): make the full jump to present bar clickable (#33)

Browse Source
This commit is contained in:
hampus-fluxer 2026-01-06 00:08:03 +01:00 committed by GitHub
parent e1c73c2cc0
commit 8658a25f68
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
fluxer_app/src/components/channel/Messages.tsx
View File

@ -39,7 +39,6 @@ import ScrollFillerSkeleton from '~/components/channel/ScrollFillerSkeleton';
import {UploadManager} from '~/components/channel/UploadManager'; import {UploadManager} from '~/components/channel/UploadManager';
import {ConfirmModal} from '~/components/modals/ConfirmModal'; import {ConfirmModal} from '~/components/modals/ConfirmModal';
import {ForwardModal} from '~/components/modals/ForwardModal'; import {ForwardModal} from '~/components/modals/ForwardModal';
import {Button} from '~/components/uikit/Button/Button';
import {Scroller} from '~/components/uikit/Scroller'; import {Scroller} from '~/components/uikit/Scroller';
import {Spinner} from '~/components/uikit/Spinner'; import {Spinner} from '~/components/uikit/Spinner';
import type {ChannelMessages} from '~/lib/ChannelMessages'; import type {ChannelMessages} from '~/lib/ChannelMessages';
@ -907,20 +906,23 @@ const JumpToPresentBar = observer(function JumpToPresentBar({
onJumpToPresent: () => void; onJumpToPresent: () => void;
}) { }) {
const {t} = useLingui(); const {t} = useLingui();
const isJumping = loadingMore && jumpedToPresent;
return ( return (
<div className={styles.newMessagesBar} style={getBottomBarStyle('var(--background-secondary-alt)')}> <button
type="button"
className={styles.newMessagesBar}
style={{
...getBottomBarStyle('var(--background-secondary-alt)'),
cursor: isJumping ? 'wait' : 'pointer',
}}
onClick={onJumpToPresent}
disabled={isJumping}
aria-busy={isJumping}
>
<span className={styles.newMessagesBarText}>{t`You're viewing older messages`}</span> <span className={styles.newMessagesBarText}>{t`You're viewing older messages`}</span>
<Button <span className={styles.newMessagesBarAction}>{isJumping ? <Spinner size="small" /> : t`Jump to Present`}</span>
variant="primary" </button>
superCompact
fitContent
onClick={onJumpToPresent}
submitting={loadingMore && jumpedToPresent}
>
{t`Jump to Present`}
</Button>
</div>
); );
}); });