MySQL query optimization. Added loading component.

This commit is contained in:
Mike Cao 2020-08-27 23:45:37 -07:00
parent a7e7469d22
commit ccb98f836f
13 changed files with 158 additions and 109 deletions

View file

@ -1,7 +1,6 @@
import React, { useState, useEffect, useMemo, useRef } from 'react';
import React, { useState, useEffect, useMemo } from 'react';
import classNames from 'classnames';
import PageviewsChart from './PageviewsChart';
import CheckVisible from '../helpers/CheckVisible';
import MetricsBar from './MetricsBar';
import QuickButtons from './QuickButtons';
import DateFilter from '../common/DateFilter';
@ -74,19 +73,10 @@ export default function WebsiteChart({
</StickyHeader>
</div>
<div className="row">
<CheckVisible className="col">
{visible => (
<>
<PageviewsChart
websiteId={websiteId}
data={{ pageviews, uniques }}
unit={unit}
animationDuration={visible ? 300 : 0}
/>
<QuickButtons value={value} onChange={handleDateChange} />
</>
)}
</CheckVisible>
<div className="col">
<PageviewsChart websiteId={websiteId} data={{ pageviews, uniques }} unit={unit} />
<QuickButtons value={value} onChange={handleDateChange} />
</div>
</div>
</>
);