Merge branch 'hn.standard-gauge-component' of https://github.com/status-im/nimbus-gui into hn.standard-gauge-component
This commit is contained in:
commit
fdcc2d50b7
|
@ -1,7 +1,7 @@
|
|||
import './App.css'
|
||||
import { TamaguiProvider } from 'tamagui'
|
||||
import { Provider as StatusProvider } from '@status-im/components'
|
||||
import StandartGauge from './components/StandardGauge'
|
||||
import StandardGauge from './components/StandardGauge'
|
||||
|
||||
import config from '../tamagui.config'
|
||||
|
||||
|
@ -26,7 +26,7 @@ function App() {
|
|||
<TamaguiProvider config={config}>
|
||||
<StatusProvider>
|
||||
<div style={{ height: '500px', width: '300px' }}>
|
||||
<StandartGauge data={data} />
|
||||
<StandardGauge data={data} />
|
||||
</div>
|
||||
</StatusProvider>
|
||||
</TamaguiProvider>
|
||||
|
|
|
@ -6,11 +6,11 @@ interface Data {
|
|||
value: number
|
||||
color: string
|
||||
}
|
||||
interface StandartGaugeProps {
|
||||
interface StandardGaugeProps {
|
||||
data: Data[]
|
||||
}
|
||||
|
||||
const StandartGauge = ({ data }: StandartGaugeProps) => (
|
||||
const StandardGauge = ({ data }: StandardGaugeProps) => (
|
||||
<ResponsivePie
|
||||
data={data}
|
||||
margin={{ top: 40, right: 80, bottom: 80, left: 80 }}
|
||||
|
@ -25,4 +25,4 @@ const StandartGauge = ({ data }: StandartGaugeProps) => (
|
|||
/>
|
||||
)
|
||||
|
||||
export default StandartGauge
|
||||
export default StandardGauge
|
||||
|
|
Loading…
Reference in New Issue