Fixed update notice.
Some checks failed
Node.js CI / build (postgresql, 18.18, 10) (push) Has been cancelled

This commit is contained in:
Mike Cao 2025-11-06 16:16:53 -08:00
parent 98092004b6
commit b5795a8b3f

View file

@ -1,5 +1,5 @@
import { useEffect, useCallback, useState } from 'react'; import { useEffect, useCallback, useState } from 'react';
import { Button, AlertBanner, Flexbox } from '@umami/react-zen'; import { Button, AlertBanner, Column, Row } from '@umami/react-zen';
import { setItem } from '@/lib/storage'; import { setItem } from '@/lib/storage';
import { useVersion, checkVersion } from '@/store/version'; import { useVersion, checkVersion } from '@/store/version';
import { REPO_URL, VERSION_CHECK } from '@/lib/constants'; import { REPO_URL, VERSION_CHECK } from '@/lib/constants';
@ -47,13 +47,15 @@ export function UpdateNotice({ user, config }) {
} }
return ( return (
<Flexbox justifyContent="space-between" alignItems="center"> <Column justifyContent="center" alignItems="center" position="fixed" top="10px" width="100%">
<AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}> <Row width="600px">
<Button variant="primary" onPress={handleViewClick}> <AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}>
{formatMessage(labels.viewDetails)} <Button variant="primary" onPress={handleViewClick}>
</Button> {formatMessage(labels.viewDetails)}
<Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button> </Button>
</AlertBanner> <Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button>
</Flexbox> </AlertBanner>
</Row>
</Column>
); );
} }