fix graph data issue with infinty

- add header
  - present test details in table
This commit is contained in:
prisar
2023-07-22 13:21:39 +05:30
parent ba8056389f
commit 93208b00c8
8 changed files with 491 additions and 27 deletions

View File

@@ -77,6 +77,7 @@ const Devices = () => {
return (
<div>
<div className='title'>Insights</div>
<div className='dropdown-group'>
<Dropdown className='device-dropdown' options={devices} onChange={changeDevice} value={device} placeholder="Select an option" />
<Dropdown className='day-dropdown' options={days} onChange={changeTestDate} value={testDate} placeholder="Select an option" />
@@ -89,11 +90,25 @@ const Devices = () => {
{curTestData?.csvPath && <DeviceGraph url={curTestData?.csvPath} />}
{curTestData && <div className='person-details'>
deviceid: {curTestData?.deviceId},
kit serial: {curTestData?.kitSerial},
test time: {curTestData?.testTime},
result: {curTestData?.result}
<img src={curTestData?.userImageURL} width={100} height={150} />
<table>
<tr>
<th>key</th>
<th>value</th>
</tr>
<tr>
<td>deviceid</td> <td>{curTestData?.deviceId}</td>
</tr>
<tr>
<td>kit serial</td> <td>{curTestData?.kitSerial}</td>
</tr>
<tr>
<td>test time</td> <td>{curTestData?.testTime}</td>
</tr>
<tr>
<td>result</td> <td>{curTestData?.result}</td>
</tr>
</table>
{/* <img src={curTestData?.userImageURL} width={100} height={150} /> */}
</div>}
</div>
</div>