From 398041de16a238eac06bc8bfe63581cb2d7f2ee2 Mon Sep 17 00:00:00 2001
From: Delirium <nikita@openreplay.com>
Date: Tue, 23 Apr 2024 12:00:38 +0200
Subject: [PATCH] fix ui: make date selection smaller in assist stats (#2121)

---
 frontend/app/components/AssistStats/AssistStats.tsx      | 2 +-
 .../shared/SelectDateRange/SelectDateRange.tsx           | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/AssistStats/AssistStats.tsx b/frontend/app/components/AssistStats/AssistStats.tsx
index 48bfd2051..b73f38034 100644
--- a/frontend/app/components/AssistStats/AssistStats.tsx
+++ b/frontend/app/components/AssistStats/AssistStats.tsx
@@ -214,7 +214,7 @@ function AssistStats() {
           <div className={'ml-auto flex items-center gap-2'}>
             <UserSearch onUserSelect={onUserSelect} />
 
-            <SelectDateRange period={period} onChange={onChangePeriod} right={true} isAnt />
+            <SelectDateRange period={period} onChange={onChangePeriod} right={true} isAnt small />
             <Tooltip title={!sessions || sessions.total === 0 ? 'No data at the moment to export.' : 'Export PDF'}>
               <Button
                 onClick={getPdf2}
diff --git a/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx b/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx
index f97b7d758..ff6b9b594 100644
--- a/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx
+++ b/frontend/app/components/shared/SelectDateRange/SelectDateRange.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
-import { Button, Space, Typography, Select as AntSelect } from 'antd';
-import { DownOutlined } from '@ant-design/icons';
+import { Select as AntSelect } from 'antd';
 import { DATE_RANGE_OPTIONS, CUSTOM_RANGE } from 'App/dateRange';
 import Select from 'Shared/Select';
 import Period from 'Types/app/period';
@@ -17,13 +16,14 @@ interface Props {
   right?: boolean;
   timezone?: string;
   isAnt?: boolean;
+  small?: boolean;
 
   [x: string]: any;
 }
 
 function SelectDateRange(props: Props) {
   const [isCustom, setIsCustom] = React.useState(false);
-  const { right = false, period, disableCustom = false, timezone, ...rest } = props;
+  const { right = false, period, disableCustom = false, timezone } = props;
   let selectedValue = DATE_RANGE_OPTIONS.find((obj: any) => obj.value === period.rangeName);
   const options = DATE_RANGE_OPTIONS.filter((obj: any) =>
     disableCustom ? obj.value !== CUSTOM_RANGE : true
@@ -51,12 +51,13 @@ function SelectDateRange(props: Props) {
   const customRange = isCustomRange ? period.rangeFormatted() : '';
   
   if (props.isAnt) {
-    const onAntUpdate = (val) => {
+    const onAntUpdate = (val: any) => {
       onChange(val);
     };
     return (
       <div className={'relative'}>
         <AntSelect
+          size={props.small ? 'small' : undefined}
           options={options}
           onChange={onAntUpdate}
           style={{ width: 170 }}