watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Change date filter format.

Browse source
This commit is contained in:
Mike Cao 2020-07-29 23:25:52 -07:00
parent efdbd1c632
commit 0c8d9eacd3
7 changed files with 44 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

24
components/WebsiteList.js
View file

@ -2,11 +2,12 @@ import React, { useState, useEffect } from 'react';
import { get } from 'lib/web';
import WebsiteStats from './WebsiteStats';
import DateFilter from './DateFilter';
import { getDateRange } from '../lib/date';
import { getDateRange } from 'lib/date';
import styles from './WebsiteList.module.css';
export default function WebsiteList() {
const [data, setData] = useState();
const [dateRange, setDateRange] = useState(getDateRange('7d'));
const [dateRange, setDateRange] = useState(getDateRange('7day'));
const { startDate, endDate, unit } = dateRange;
async function loadData() {
@ -22,19 +23,18 @@ export default function WebsiteList() {
}, []);
return (
<div>
<div className={styles.container}>
<DateFilter onChange={handleDateChange} />
{data &&
data.websites.map(({ website_id, label }) => (
<div key={website_id}>
<h2>{label}</h2>
<WebsiteStats
websiteId={website_id}
startDate={startDate}
endDate={endDate}
unit={unit}
/>
</div>
<WebsiteStats
key={website_id}
title={label}
websiteId={website_id}
startDate={startDate}
endDate={endDate}
unit={unit}
/>
))}
</div>
);