From 27b6128c9b29446a2db7374a26b7c71589474f37 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Wed, 29 Jan 2025 10:46:19 +0100
Subject: [PATCH] ui: gap for header

---
 .../DataManagement/Activity/Page.tsx          | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/DataManagement/Activity/Page.tsx b/frontend/app/components/DataManagement/Activity/Page.tsx
index b96516edf..cb7bed717 100644
--- a/frontend/app/components/DataManagement/Activity/Page.tsx
+++ b/frontend/app/components/DataManagement/Activity/Page.tsx
@@ -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}