fix typo
- remove unwanted code - fix dropdown bug - add bar graph for test count
This commit is contained in:
@@ -1,12 +1,9 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { query, collection, onSnapshot, getDocs } from 'firebase/firestore';
|
||||
import * as _ from 'lodash';
|
||||
import Dropdown from 'react-dropdown';
|
||||
import 'react-dropdown/style.css';
|
||||
import moment from 'moment';
|
||||
import Select from 'react-select';
|
||||
|
||||
import DeviceGraph from "./DeviceGraph";
|
||||
import db from '../firebase';
|
||||
import './TestAnalytics.css';
|
||||
import TestAnalyticsGraph from './TestAnalyticsGraph';
|
||||
@@ -47,49 +44,6 @@ const TestAnalytics = () => {
|
||||
const [curDayTests, setCurDayTests] = useState(null);
|
||||
const [dailyCategoryCounts, setDailyCategoryCounts] = useState(null);
|
||||
|
||||
const changeDevice = ({ value }) => {
|
||||
setDevice(value);
|
||||
setDays([...new Set(allTests
|
||||
.filter((x) => {
|
||||
if (x.deviceSerialNumber === value) return x;
|
||||
})
|
||||
.map(x => moment(x.testTime).format("YYYY-MM-DD")))]
|
||||
.sort()
|
||||
.reverse());
|
||||
}
|
||||
|
||||
const changeTestDate = ({ value }) => {
|
||||
setTestDate(value);
|
||||
setCurTest(null);
|
||||
setCurTestData(null);
|
||||
setShowGraph(false);
|
||||
setTests(allTests
|
||||
.filter((x) => {
|
||||
if (x.deviceSerialNumber === device && moment(x.testTime).isBetween(moment(value).startOf('day'), moment(value).endOf('day'))) return x;
|
||||
})
|
||||
.map(x => x._id)
|
||||
.sort());
|
||||
}
|
||||
|
||||
const changeTest = ({ value }) => {
|
||||
setCurTestData(null); setShowGraph(false);
|
||||
setCurTest(value);
|
||||
}
|
||||
|
||||
const showTestGraph = () => {
|
||||
if (!curTest) alert('Select a test');
|
||||
setCurTestData(allTests.find(x => x._id === curTest));
|
||||
setShowGraph(true);
|
||||
}
|
||||
|
||||
const toggleShowGraph = () => {
|
||||
if (!curTestData) {
|
||||
showTestGraph();
|
||||
} else {
|
||||
setCurTest(null); setCurTestData(null);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (!allTests) {
|
||||
const q = query(collection(db, "testData"));
|
||||
|
||||
Reference in New Issue
Block a user