stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Marco van Dijk 2022-04-22 21:16:27 +02:00
parent c79d61fe10
commit ae7cce4945
2 changed files with 129 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/MonthlyGraphs.js
View File

@ -398,17 +398,73 @@ const MonthlyGraphs = (obj) => {
{totalGraphs > 1 ? {totalGraphs > 1 ?
<SegmentedControl <SegmentedControl
styles={{ styles={{
root: { backgroundColor: 'rgba(103, 103, 103, 0.6)' }, root: { backgroundColor: 'rgba(103, 103, 103, 0.6)', border: 'none', borderColor: 'transparent' },
label: { color: 'black' }, label: {
labelActive: { color: 'black' }, color: 'black',
input: { color: 'black' }, border: 'none',
control: { color: 'black' }, '&:hover': {
controlActive: {}, color: 'black',
active: { color: 'black' }, border: 'none'
disabled: {}, },
'&': {
color: 'black',
border: 'none'
}
},
labelActive: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
}
},
input: {
},
control: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
},
'&:not(:first-of-type)': {
color: 'black',
border: 'none'
}
},
controlActive: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
}
},
active: {
},
disabled: {
},
}} }}
value={activeGraph} value={activeGraph}
onChange={setGraph} onChange={setGraph}
radius={0}
spacing="lg" spacing="lg"
size="lg" size="lg"
transitionDuration={200} transitionDuration={200}

87
src/pages/MonthlyStats.js
View File

@ -17,23 +17,79 @@ const MonthlyStats = (obj) => {
} }
return ( return (
<div className="stroke" key={obj.seed + "menu"}> <div className="stroke" key={obj.seed + "menu"} style={{ marginTop: '0', paddingTop: '0' }}>
<div className="row" style={{ margin: '0' }}> <div className="row" style={{ margin: '0' }}>
<SegmentedControl <SegmentedControl
styles={{ styles={{
root: { backgroundColor: 'rgba(103, 103, 103, 0.6)' }, root: { backgroundColor: 'rgba(103, 103, 103, 0.6)', border: 'none', borderColor: 'transparent' },
label: { color: 'black' }, label: {
labelActive: { color: 'black' }, color: 'black',
input: { color: 'black' }, border: 'none',
control: { color: 'black' }, '&:hover': {
controlActive: {}, color: 'black',
active: { color: 'black' }, border: 'none'
disabled: {}, },
'&': {
color: 'black',
border: 'none'
}
},
labelActive: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
}
},
input: {
},
control: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
},
'&:not(:first-of-type)': {
color: 'black',
border: 'none'
}
},
controlActive: {
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
border: 'none'
},
'&': {
color: 'black',
border: 'none'
}
},
active: {
},
disabled: {
},
}} }}
value={activePage} value={activePage}
onChange={setPage} onChange={setPage}
spacing="lg" spacing="lg"
size="lg" size="lg"
radius={0}
transitionDuration={200} transitionDuration={200}
transitionTimingFunction="linear" transitionTimingFunction="linear"
color={thisColour} color={thisColour}
@ -44,19 +100,6 @@ const MonthlyStats = (obj) => {
]} ]}
/> />
</div> </div>
<div className="verticalDivider" />
<div className="row">
{
activePage == 1 ? <h4>Summary</h4> : null
}
{
activePage == 2 ? <h4>Graphs</h4> : null
}
{
activePage == 3 ? <h4>Orchestrators</h4> : null
}
</div>
<div className="verticalDivider" />
{ {
activePage == 1 ? <MonthlyFactoids activePage == 1 ? <MonthlyFactoids
data={obj.data} data={obj.data}