Sha256: f0e08e40635741fc24dc31dada4a9e6f6d24f72e9873a8e64518e96cb67a37a2
Contents?: true
Size: 898 Bytes
Versions: 105
Compression:
Stored size: 898 Bytes
Contents
import React, { useState } from 'react'
import { Button, Gauge } from '../../'
const GaugeLiveData = () => {
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"
/>
<Button
onClick={updateName}
text="Update Name"
/>
<Gauge
chartData={[{ name: name, value: value }]}
id="gauge-live-data"
/>
</div>
)
}
export default GaugeLiveData
Version data entries
105 entries across 105 versions & 1 rubygems