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

change(ui): hide vitals when there is none added

Browse source
This commit is contained in:
sylenien 2022-09-20 15:32:55 +02:00 • committed by Delirium
parent 0e89885e5e
commit 42fec5c19f
1 changed files with 23 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
View file

@ -32,11 +32,6 @@ function DashboardWidgetGrid(props: Props) {
const smallWidgetsLen = smallWidgets.length
// legacy
// smallWidgets.forEach((i, index) => {
// })
return useObserver(() => (
// @ts-ignore
<Loader loading={loading}>
@ -48,25 +43,29 @@ function DashboardWidgetGrid(props: Props) {
<div className="w-4/5 m-auto mt-4"><AddMetricContainer siteId={siteId} /></div>
}
>
<div className="font-semibold text-xl py-4 flex items-center gap-2">
<Icon name="grid-horizontal" size={26} />
Web Vitals
</div>
<div className="grid gap-4 grid-cols-4 items-start pb-10" id={props.id}>
{smallWidgets && smallWidgets.map((item: any, index: any) => (
<React.Fragment key={item.widgetId}>
<WidgetWrapper
index={index}
widget={item}
moveListItem={(dragIndex: any, hoverIndex: any) => dashboard.swapWidgetPosition(dragIndex, hoverIndex)}
dashboardId={dashboardId}
siteId={siteId}
isWidget={true}
grid="vitals"
/>
</React.Fragment>
))}
</div>
{smallWidgets.length && (
<>
<div className="font-semibold text-xl py-4 flex items-center gap-2">
<Icon name="grid-horizontal" size={26} />
Web Vitals
</div>
<div className="grid gap-4 grid-cols-4 items-start pb-10" id={props.id}>
{smallWidgets && smallWidgets.map((item: any, index: any) => (
<React.Fragment key={item.widgetId}>
<WidgetWrapper
index={index}
widget={item}
moveListItem={(dragIndex: any, hoverIndex: any) => dashboard.swapWidgetPosition(dragIndex, hoverIndex)}
dashboardId={dashboardId}
siteId={siteId}
isWidget={true}
grid="vitals"
/>
</React.Fragment>
))}
</div>
</>
)}
<div className="font-semibold text-xl py-4 flex items-center gap-2">
<Icon name="grid-horizontal" size={26} />