29 lines
893 B
TypeScript
29 lines
893 B
TypeScript
import React from 'react';
|
|
import { numberWithCommas } from 'App/utils';
|
|
import { useStore } from 'App/mstore';
|
|
import { observer } from 'mobx-react-lite';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
function LatestSessionsMessage() {
|
|
const { searchStore } = useStore();
|
|
const { t } = useTranslation();
|
|
const count = searchStore.latestSessionCount;
|
|
|
|
const onShowNewSessions = () => {
|
|
searchStore.updateLatestSessionCount(0);
|
|
void searchStore.updateCurrentPage(1, true);
|
|
};
|
|
|
|
return count > 0 ? (
|
|
<div
|
|
className="bg-amber-50 p-1 flex w-full border-b text-center justify-center link"
|
|
style={{ backgroundColor: 'rgb(255 251 235)' }}
|
|
onClick={onShowNewSessions}
|
|
>
|
|
{t('Show')} {numberWithCommas(count)} {t('New')}{' '}
|
|
{count > 1 ? t('Sessions') : t('Session')}
|
|
</div>
|
|
) : null;
|
|
}
|
|
|
|
export default observer(LatestSessionsMessage);
|