refactor: extract events table styling

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

View File

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

View File

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