diff --git a/README.md b/README.md index b01915b0..1400005b 100644 --- a/README.md +++ b/README.md @@ -82,6 +82,16 @@ To build the umami container and start up a Postgres database, run: docker-compose up ``` +### Getting updates + +To get the latest features, simply do a pull, install any new dependencies, and rebuild: + +``` +git pull +npm install +npm run build +``` + ## License MIT \ No newline at end of file diff --git a/components/common/RefreshButton.js b/components/common/RefreshButton.js index ce4c4f19..60d0976e 100644 --- a/components/common/RefreshButton.js +++ b/components/common/RefreshButton.js @@ -1,19 +1,28 @@ -import React from 'react'; -import { useDispatch } from 'react-redux'; +import React, { useState, useEffect } from 'react'; +import { useDispatch, useSelector } from 'react-redux'; import { setDateRange } from 'redux/actions/websites'; import Button from './Button'; import Refresh from 'assets/redo.svg'; +import Dots from 'assets/ellipsis-h.svg'; import { useDateRange } from 'hooks/useDateRange'; +import { getDateRange } from '../../lib/date'; export default function RefreshButton({ websiteId }) { const dispatch = useDispatch(); const dateRange = useDateRange(websiteId); + const [loading, setLoading] = useState(false); + const completed = useSelector(state => state.queries[`/api/website/${websiteId}/metrics`]); function handleClick() { if (dateRange) { - dispatch(setDateRange(websiteId, dateRange)); + setLoading(true); + dispatch(setDateRange(websiteId, getDateRange(dateRange.value))); } } - return