Sha256: ad2da0818683312fb3da2993fa5efd78731edbd47e06a1041b5da329c9468ecc
Contents?: true
Size: 966 Bytes
Versions: 1065
Compression:
Stored size: 966 Bytes
Contents
import React, { useState } from 'react'
import { Button, Gauge } from '../../'
const GaugeLiveData = (props) => {
const [value, setValue] = useState(50)
const [name, setName] = useState('Name')
const updateValue = () => {
setValue(Math.floor(Math.random() * 100))
}
const updateName = () => {
let index = namesArray.indexOf(name)
if (namesArray.indexOf(name) == 5) {
index = 0
} else {
index += 1
}
setName(namesArray[index])
}
const namesArray = ['Name', 'Windows', 'Doors', 'Roofing', 'Siding', 'Gutters']
return (
<div>
<Button
onClick={updateValue}
text="Update Value"
{...props}
/>
<Button
onClick={updateName}
text="Update Name"
{...props}
/>
<Gauge
chartData={[{ name: name, value: value }]}
id="gauge-live-data"
{...props}
/>
</div>
)
}
export default GaugeLiveData
Version data entries
1,065 entries across 1,065 versions & 2 rubygems