m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 15:23:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: extract events table styling

Browse Source
This commit is contained in:
Alexander Klein 2021-02-15 16:44:27 +01:00
parent 49b45acf4b
commit 7c71294bc9
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/metrics/EventsTable.js
View File

@ -9,6 +9,7 @@ import useFetch from 'hooks/useFetch';
import usePageQuery from 'hooks/usePageQuery'; import usePageQuery from 'hooks/usePageQuery';
import useShareToken from 'hooks/useShareToken'; import useShareToken from 'hooks/useShareToken';
import { TOKEN_HEADER } from 'lib/constants'; import { TOKEN_HEADER } from 'lib/constants';
import styles from './EventsTable.module.css';
const EVENT_FILTER_DEFAULT = { const EVENT_FILTER_DEFAULT = {
value: 'EVENT_FILTER_DEFAULT', value: 'EVENT_FILTER_DEFAULT',
@ -45,7 +46,7 @@ export default function EventsTable({ websiteId, ...props }) {
return ( return (
<> <>
{!loading && !error && eventTypes.length > 1 && ( {!loading && !error && eventTypes.length > 1 && (
<div style={{ display: 'flex', alignItems: 'center' }}> <div className={styles.filter}>
<DropDown value={eventType} options={dropDownOptions} onChange={setEventType} /> <DropDown value={eventType} options={dropDownOptions} onChange={setEventType} />
</div> </div>
)} )}

6
components/metrics/EventsTable.module.css Normal file
View File

@ -0,0 +1,6 @@
.filter {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}