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 }} position={{ bottom: 20, left: 20 }}
radius="md" radius="md"
styles={{ styles={{
root: { backgroundColor: 'rgba(214, 214, 214, 0.90)' }, root: { backgroundColor: 'rgba(214, 214, 214, 0.80)' },
closeButton: {}, closeButton: {},
}} }}
> >

9
src/pages/home.js
View File

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

16
src/pages/livepeer.js
View File

@ -6,7 +6,8 @@ import { getOrchestratorInfo, clearOrchestrator } from "../actions/livepeer";
import EventViewer from "../components/eventViewer"; import EventViewer from "../components/eventViewer";
import Orchestrator from "../components/orchestratorViewer"; import Orchestrator from "../components/orchestratorViewer";
import ContractPrices from '../components/ContractPrices'; 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 // Shows the EventViewer and other Livepeer related info
const defaultMaxShown = 50; const defaultMaxShown = 50;
@ -107,11 +108,13 @@ const Livepeer = (obj) => {
shadow="xl" shadow="xl"
radius="md" radius="md"
styles={{ styles={{
root: { backgroundColor: 'rgba(214, 214, 214, 0.90)' }, root: { backgroundColor: 'rgba(214, 214, 214, 0.80)', maxHeight: '90vh' },
closeButton: { }, closeButton: {},
}} }}
> >
<div className='stroke'> <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="verticalDivider" />
<div className="strokeSmollLeft sideMargin"> <div className="strokeSmollLeft sideMargin">
<div className="row"> <div className="row">
@ -120,11 +123,10 @@ const Livepeer = (obj) => {
</div> </div>
</div> </div>
<div className="verticalDivider" /> <div className="verticalDivider" />
<div className="row">
<ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} />
</div> </div>
</div> </div>
</div > </ScrollContainer>
</div>
</Dialog> </Dialog>
{sidebar} {sidebar}
<div className="mainContent"> <div className="mainContent">