Custom date range selection.

This commit is contained in:
Mike Cao 2020-09-13 01:26:54 -07:00
parent 7a8ab94bba
commit 4e103152b2
19 changed files with 545 additions and 40 deletions

View file

@ -3,7 +3,6 @@ import { useDispatch } from 'react-redux';
import classNames from 'classnames';
import PageviewsChart from './PageviewsChart';
import MetricsBar from './MetricsBar';
import QuickButtons from './QuickButtons';
import DateFilter from 'components/common/DateFilter';
import StickyHeader from 'components/helpers/StickyHeader';
import useFetch from 'hooks/useFetch';
@ -58,10 +57,12 @@ export default function WebsiteChart({
stickyClassName={styles.sticky}
enabled={stickyHeader}
>
<MetricsBar className="col-12 col-md-9 col-lg-10" websiteId={websiteId} />
<MetricsBar className="col-12 col-md-9" websiteId={websiteId} />
<DateFilter
className="col-12 col-md-3 col-lg-2"
className="col-12 col-md-3"
value={value}
startDate={startDate}
endDate={endDate}
onChange={handleDateChange}
/>
</StickyHeader>
@ -74,7 +75,6 @@ export default function WebsiteChart({
unit={unit}
records={getDateLength(startDate, endDate, unit)}
/>
<QuickButtons value={value} onChange={handleDateChange} />
</div>
</div>
</>