Set redux state whenever website data is fetched

This commit is contained in:
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

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">