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

change(ui): session list date range

Browse source
This commit is contained in:
Shekar Siri 2023-06-14 16:40:34 +02:00
parent 26e32d48db
commit d4e51415cd
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/app/components/shared/SessionListContainer/components/SessionHeader/SessionHeader.tsx
View file

@ -23,6 +23,7 @@ function SessionHeader(props: Props) {
filter: { startDate, endDate, rangeValue },
activeTab,
isEnterprise,
listCount,
} = props;
const period = Period({ start: startDate, end: endDate, rangeName: rangeValue });
@ -51,8 +52,12 @@ function SessionHeader(props: Props) {
<>
<SessionTags />
<div className="mr-auto" />
<SelectDateRange period={period} onChange={onDateChange} right={true} />
<div className="mx-2" />
{listCount > 0 && (
<>
<SelectDateRange period={period} onChange={onDateChange} right={true} />
<div className="mx-2" />
</>
)}
</>
)}
<SessionSort />
@ -72,7 +77,7 @@ function SessionHeader(props: Props) {
export default connect(
(state: any) => ({
filter: state.getIn(['search', 'instance']),
listCount: numberWithCommas(state.getIn(['sessions', 'total'])),
listCount: state.getIn(['sessions', 'total']),
activeTab: state.getIn(['search', 'activeTab', 'type']),
isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee',
}),