import React, { useEffect, useState } from 'react';
import * as d3 from 'd3';
import axios from 'axios';
import { query, collection, onSnapshot, getDocs } from 'firebase/firestore';

import './DeviceGraph.css';
import AbsorbanceGraph from './AbsorbanceGraph';
import db from '../firebase';

function DeviceGraph({url, show}) {
    const [devices, setDevices] = useState([]);
    const [hposTests, setHposTests] = useState(null);

    async function getTests() {
        try {
            const testDataCol = collection(db, 'testData');
            const testDataSnapshot = await getDocs(testDataCol);
            const testDataList = testDataSnapshot.docs.map(doc => doc.data());
            console.log(testDataList);
            //   setHposTests(testDataList);
            return testDataList;
        } catch (err) {
            // log error
        }
    }

    return (
        <div>
            <AbsorbanceGraph url={url} show={show} />
        </div>
    );
}
export default DeviceGraph;