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

fix(ui): minor style fixes

Browse source
This commit is contained in:
sylenien 2022-08-10 16:48:59 +02:00 • committed by Delirium
parent 7806c15806
commit a981958940
7 changed files with 8 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/app/components/Dashboard/NewDashboard.tsx
View file

@ -29,13 +29,6 @@ function NewDashboard(props: RouteComponentProps<RouterProps>) {
dashboardStore.selectDashboardById(dashboardId);
}
});
if (!dashboardId && location.pathname.includes('dashboard')) {
dashboardStore.selectDefaultDashboard().then(({ dashboardId }) => {
props.history.push(withSiteId(`/dashboard/${dashboardId}`, siteId));
}, () => {
props.history.push(withSiteId('/dashboard', siteId));
})
}
}, [siteId]);
return useObserver(() => (

2
frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
View file

@ -31,7 +31,7 @@ function DashboardList() {
}
>
<div className="mt-3 border-b">
<div className="grid grid-cols-12 p-4 font-medium">
<div className="grid grid-cols-12 py-2 font-medium">
<div className="col-span-8">Title</div>
<div className="col-span-2">Visibility</div>
<div className="col-span-2 text-right">Created</div>

2
frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
View file

@ -23,7 +23,7 @@ function DashboardListItem(props: Props) {
};
return (
<>
<div className="grid grid-cols-12 p-4 border-t select-none">
<div className="grid grid-cols-12 py-4 border-t select-none">
<div className="col-span-8 flex items-start">
<div className="flex items-center link capitalize-first" onClick={onItemClick}>
<div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">

4
frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx
View file

@ -22,7 +22,7 @@ function DashboardsView({ history, siteId }: { history: any, siteId: string }) {
return (
<div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded p-4">
<div className="flex items-center mb-4 justify-between px-4">
<div className="flex items-center mb-4 justify-between">
<div className="flex items-baseline mr-3">
<PageTitle title="Dashboards" className="" />
</div>
@ -31,7 +31,7 @@ function DashboardsView({ history, siteId }: { history: any, siteId: string }) {
<DashboardSearch />
</div>
</div>
<div className="text-xl text-disabled-text flex items-center pl-4">
<div className="text-xl text-disabled-text flex items-center">
<Icon name="info-circle-fill" className="mr-2" size={18} />
A dashboard is a custom visualization using your OpenReplay data.
</div>

6
frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
View file

@ -63,19 +63,15 @@ function MetricListItem(props: Props) {
return (
<div className="grid grid-cols-12 p-4 border-t select-none">
<div className="grid grid-cols-12 py-4 border-t select-none">
<div className="col-span-3 flex items-start">
<div className="flex items-center">
{/* <div className="w-8 h-8 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">
<Icon name={getIcon(metric.metricType)} size="14" color="tealx" />
</div> */}
<MetricTypeIcon type={metric.metricType} />
<Link to={`/metrics/${metric.metricId}`} className="link capitalize-first">
{metric.name}
</Link>
</div>
</div>
{/* <div><Label className="capitalize">{metric.metricType}</Label></div> */}
<div className="col-span-3">{metric.owner}</div>
<div className="col-span-4">
<div className="flex items-center">

2
frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
View file

@ -37,7 +37,7 @@ function MetricsList() {
}
>
<div className="mt-3 border-b rounded bg-white">
<div className="grid grid-cols-12 p-4 font-medium">
<div className="grid grid-cols-12 py-2 font-medium">
<div className="col-span-3">Title</div>
<div className="col-span-3">Owner</div>
<div className="col-span-4">Visibility</div>

4
frontend/app/components/Dashboard/components/MetricsView/MetricsView.tsx
View file

@ -17,7 +17,7 @@ function MetricsView(props: Props) {
}, []);
return useObserver(() => (
<div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded p-4">
<div className="flex items-center mb-4 justify-between px-4">
<div className="flex items-center mb-4 justify-between">
<div className="flex items-baseline mr-3">
<PageTitle title="Metrics" className="" />
</div>
@ -26,7 +26,7 @@ function MetricsView(props: Props) {
<MetricsSearch />
</div>
</div>
<div className="text-xl text-disabled-text flex items-center pl-4">
<div className="text-xl text-disabled-text flex items-center">
<Icon name="info-circle-fill" className="mr-2" size={18} />
Create custom Metrics to capture key interactions and track KPIs.
</div>