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

24
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
<span className={styles.newMessagesBarText}>{t`You're viewing older messages`}</span> type="button"
<Button className={styles.newMessagesBar}
variant="primary" style={{
superCompact ...getBottomBarStyle('var(--background-secondary-alt)'),
fitContent cursor: isJumping ? 'wait' : 'pointer',
}}
onClick={onJumpToPresent} onClick={onJumpToPresent}
submitting={loadingMore && jumpedToPresent} disabled={isJumping}
aria-busy={isJumping}
> >
{t`Jump to Present`} <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>
</div> </button>
); );
}); });