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

Live se red s2 (#2902)

Browse source 
* Various improvements Cards, OmniSearch and Cards  Listing

* Improved cards listing page

* Various improvements in product analytics

* Charts UI improvements

* ui crash

---------

Co-authored-by: Sudheer Salavadi <connect.uxmaster@gmail.com>
This commit is contained in:
Delirium 2024-12-23 10:00:15 +01:00 • committed by GitHub
parent fe4bbcda6d
commit 8e856e9040
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/app/components/Dashboard/components/MetricViewHeader/MetricViewHeader.tsx
View file

@ -1,23 +1,19 @@
import React, { useEffect } from 'react';
import { PageTitle } from 'UI';
import { Button, Popover } from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import React, { useState } from 'react';
import { PageTitle, Icon } from 'UI';
import { Segmented, Button, Popover, Space, Dropdown, Menu } from 'antd';
import { Button, Popover, Space, Dropdown, Menu } from 'antd';
import { PlusOutlined, DownOutlined } from '@ant-design/icons';
import AddCardSection from '../AddCardSection/AddCardSection';
import MetricsSearch from '../MetricsSearch';
import { useStore } from 'App/mstore';
import { observer } from 'mobx-react-lite';
import { DROPDOWN_OPTIONS } from 'App/constants/card';
function MetricViewHeader() {
const { metricStore } = useStore();
const filter = metricStore.filter;
const [showAddCardModal, setShowAddCardModal] = useState(false);
useEffect(() => {
// Set the default sort order to 'desc'
// Set the default sort order to 'desc'
metricStore.updateKey('sort', { by: 'desc' });
}, [metricStore]);
// Handler for dropdown menu selection
@ -41,9 +37,12 @@ function MetricViewHeader() {
<div className="flex items-center gap-2 ps-4">
<PageTitle title="Cards" className="cursor-default" />
<Space>
<Dropdown overlay={menu} trigger={['click']} className=''>
<Button type="text" size='small' className='mt-1'>
{filter.type === 'all' ? 'All Types' : DROPDOWN_OPTIONS.find(opt => opt.value === filter.type)?.label || 'Select Type'}
<Dropdown overlay={menu} trigger={['click']} className="">
<Button type="text" size="small" className="mt-1">
{filter.type === 'all'
? 'All Types'
: DROPDOWN_OPTIONS.find((opt) => opt.value === filter.type)
?.label || 'Select Type'}
<DownOutlined />
</Button>
</Dropdown>
@ -59,19 +58,15 @@ function MetricViewHeader() {
<Button
type="primary"
icon={<PlusOutlined />}
className='btn-create-card'
className="btn-create-card"
>
Create Card
</Button>
</Popover>
<Space>
<MetricsSearch />
</Space>
</div>
</div>
</div>
</div>
</div>
</div>
);