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 of popups, moved prices to home for nowo

Browse Source
This commit is contained in:
Marco van Dijk 2022-04-23 21:23:28 +02:00
parent 55ade43bbe
commit 86db25caee
3 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/eventViewer.js
View File

@ -454,7 +454,7 @@ const EventViewer = (obj) => {
position={{ bottom: 20, left: 20 }}
radius="md"
styles={{
root: { backgroundColor: 'rgba(214, 214, 214, 0.90)' },
root: { backgroundColor: 'rgba(214, 214, 214, 0.80)' },
closeButton: {},
}}
>

9
src/pages/home.js
View File

@ -5,10 +5,13 @@ import {
} from "react-router-dom";
import { useSelector } from 'react-redux';
import RetroHitCounter from 'react-retro-hit-counter';
import ContractPrices from '../components/ContractPrices';
// Index of all sub-pages on this website
const Home = (obj) => {
const userstate = useSelector((state) => state.userstate);
const livepeer = useSelector((state) => state.livepeerstate);
const [redirectToGrafana, setRedirectToGrafana] = useState(false);
const [redirectToLPT, setRedirectToLPT] = useState(false);
const [redirectToStats, setRedirectToStats] = useState(false);
@ -29,7 +32,7 @@ const Home = (obj) => {
return (
<div className="stroke">
<div className="verticalDivider"/>
<div className="verticalDivider" />
<div className="row">
<img alt="" src="livepeer.png" width="100em" height="100em" style={{ zIndex: 10 }} />
</div>
@ -69,6 +72,10 @@ const Home = (obj) => {
</button>
</div>
<div className="verticalDivider" />
<div className="row">
<ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} />
</div>
<div className="verticalDivider" />
</div>
</div>
<div className="alwaysOnBottom showNeverOnMobile">

32
src/pages/livepeer.js
View File

@ -6,7 +6,8 @@ import { getOrchestratorInfo, clearOrchestrator } from "../actions/livepeer";
import EventViewer from "../components/eventViewer";
import Orchestrator from "../components/orchestratorViewer";
import ContractPrices from '../components/ContractPrices';
import { Dialog } from '@mantine/core';
import { Dialog, ScrollArea, Stack } from '@mantine/core';
import ScrollContainer from 'react-indiana-drag-scroll';
// Shows the EventViewer and other Livepeer related info
const defaultMaxShown = 50;
@ -107,24 +108,25 @@ const Livepeer = (obj) => {
shadow="xl"
radius="md"
styles={{
root: { backgroundColor: 'rgba(214, 214, 214, 0.90)' },
closeButton: { },
root: { backgroundColor: 'rgba(214, 214, 214, 0.80)', maxHeight: '90vh' },
closeButton: {},
}}
>
<div className='stroke'>
<div className="verticalDivider" />
<div className="strokeSmollLeft sideMargin">
<div className="row">
<div className="row">
<Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} forceVertical={true} />
<div className="content-wrapper" style={{ width: '100%' }}>
<ScrollContainer activationDistance={1} className="overflow-container" hideScrollbars={false} style={{ width: '100%', overflowX: 'hidden' }}>
<div className="overflow-content" style={{ cursor: 'grab', padding: 0, width: '100%' }}>
<div className="verticalDivider" />
<div className="strokeSmollLeft sideMargin">
<div className="row">
<div className="row">
<Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} forceVertical={true} />
</div>
</div>
<div className="verticalDivider" />
</div>
</div>
<div className="verticalDivider" />
<div className="row">
<ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} />
</div>
</div>
</div >
</ScrollContainer>
</div>
</Dialog>
{sidebar}
<div className="mainContent">