jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: gap for header

Browse source
This commit is contained in:
nick-delirium 2025-01-29 10:46:19 +01:00
parent 95f8002eb4
commit 27b6128c9b
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
frontend/app/components/DataManagement/Activity/Page.tsx
View file

@ -10,6 +10,7 @@ import Event from './data/Event';
import { useModal } from 'App/components/Modal';
import EventDetailsModal from './EventDetailsModal';
import { useQuery } from '@tanstack/react-query';
import Select from 'Shared/Select';
const limit = 100;
@ -226,8 +227,32 @@ function ActivityPage() {
'bg-white rounded-xl shadow border flex flex-col overflow-hidden'
}
>
<div className={'px-4 py-2 font-semibold text-lg'}>
All users activity
<div className={'px-4 py-2 flex items-center gap-2'}>
<div className={'font-semibold text-lg'}>All users activity</div>
<div className={'ml-auto'} />
<Select
options={[
{ label: 'Past 24 Hours', value: 'DESC' },
{ label: 'Weekly', value: 'ASC' },
{ label: 'Other', value: 'Stuff' }
]}
defaultValue={'DESC'}
plain
onChange={({ value }) => {
console.log(value)
}}
/>
<Select
options={[
{ label: 'Newest', value: 'DESC' },
{ label: 'Oldest', value: 'ASC' }
]}
defaultValue={'DESC'}
plain
onChange={({ value }) => {
console.log(value)
}}
/>
</div>
<Table
loading={isPending}