ambiser
/
umami
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set redux state whenever website data is fetched

pull/882/head
Chris Walsh 2021-12-04 01:58:21 -08:00
parent fe861795bc
commit 9efd3eaa6a
No known key found for this signature in database
GPG Key ID: 28EE0CCA6032019E
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/pages/WebsiteDetails.js
View File

@ -1,4 +1,6 @@
import React, { useState } from 'react';
import React, { useState, useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { setWebsiteCreated } from 'redux/actions/websites';
import { FormattedMessage } from 'react-intl';
import classNames from 'classnames';
import WebsiteChart from 'components/metrics/WebsiteChart';
@ -34,6 +36,7 @@ const views = {
};
export default function WebsiteDetails({ websiteId }) {
const dispatch = useDispatch();
const shareToken = useShareToken();
const { data } = useFetch(`/api/website/${websiteId}`, {
headers: { [TOKEN_HEADER]: shareToken?.token },
@ -46,6 +49,10 @@ export default function WebsiteDetails({ websiteId }) {
query: { view },
} = usePageQuery();
useEffect(() => {
if (data) dispatch(setWebsiteCreated(websiteId, data.created_at));
}, [data]);
const BackButton = () => (
<div key="back-button" className={styles.backButton}>
<Link key="back-button" href={resolve({ view: undefined })} icon={<Arrow />} size="small">

9
components/pages/WebsiteList.js
View File

@ -1,4 +1,6 @@
import React, { useState } from 'react';
import React, { useState, useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { setWebsiteCreated } from 'redux/actions/websites';
import { FormattedMessage } from 'react-intl';
import Link from 'components/common/Link';
import WebsiteChart from 'components/metrics/WebsiteChart';
@ -11,9 +13,14 @@ import Chart from 'assets/chart-bar.svg';
import styles from './WebsiteList.module.css';
export default function WebsiteList({ userId }) {
const dispatch = useDispatch();
const { data } = useFetch('/api/websites', { params: { user_id: userId } });
const [hideCharts, setHideCharts] = useState(false);
useEffect(() => {
if (data) data.map(i => dispatch(setWebsiteCreated(i.website_id, i.created_at)));
}, [data]);
if (!data) {
return null;
}