diff --git a/src/components/OrchDelegatorViewer.js b/src/components/OrchDelegatorViewer.js index a8fbbf1..28d780c 100644 --- a/src/components/OrchDelegatorViewer.js +++ b/src/components/OrchDelegatorViewer.js @@ -36,45 +36,43 @@ const OrchDelegatorViewer = (obj) => { const totalPages = (delegators.length + (itemsPerPage - (delegators.length % itemsPerPage))) / itemsPerPage; return ( -
-
-
-

{delegators.length} Current Delegators

-
-
- -
- { - sortedList.map((delObj, idx) => { - const tmp = idx - ((activePage - 1) * itemsPerPage); - if (tmp >= 0 && tmp < itemsPerPage) { - return ( -
-
-
-

{idx + 1}

-
-
-
-
+
+
+

{delegators.length} Current Delegators

+
+
+ +
+ { + sortedList.map((delObj, idx) => { + const tmp = idx - ((activePage - 1) * itemsPerPage); + if (tmp >= 0 && tmp < itemsPerPage) { + return ( +
+
+
+

{idx + 1}

-
-

{parseFloat(delObj.bondedAmount).toFixed(2)} LPT since round {delObj.startRound}

+
+
- ) - } - return null; - }) - } -
- -
-
- {totalPages > 1 ? - - : null} -
+
+

{parseFloat(delObj.bondedAmount).toFixed(2)} LPT since round {delObj.startRound}

+
+
+ ) + } + return null; + }) + } +
+ +
+
+ {totalPages > 1 ? + + : null}
) diff --git a/src/components/OrchInfoViewer.js b/src/components/OrchInfoViewer.js index 53285c2..507b6d5 100644 --- a/src/components/OrchInfoViewer.js +++ b/src/components/OrchInfoViewer.js @@ -2,6 +2,8 @@ import React from "react"; import Stat from "./statViewer"; import Address from "./OrchAddressViewer"; import { useSelector } from 'react-redux'; +import { Text } from "@mantine/core"; +import ScrollContainer from "react-indiana-drag-scroll"; function updateClipboard(newClip) { navigator.clipboard.writeText(newClip).then( @@ -111,11 +113,7 @@ const OrchInfoViewer = (obj) => { let ensUrl; if (hasENS) { if (thisInfo.description) { - ensDescription = -
-
- {thisInfo.description} -
+ ensDescription = thisInfo.description } if (thisInfo.url) { if (!thisInfo.url.startsWith('http')) { @@ -132,11 +130,7 @@ const OrchInfoViewer = (obj) => { } } else if (hasThreeBox) { if (thisInfo.description) { - ensDescription = -
-
- {thisInfo.description} -
+ ensDescription = thisInfo.description } if (thisInfo.website) { if (!thisInfo.website.startsWith('http')) { @@ -162,7 +156,16 @@ const OrchInfoViewer = (obj) => {
{ensUrl} - {ensDescription} +
+
+ +
+

+ {ensDescription} +

+
+
+
diff --git a/src/components/orchestratorViewer.js b/src/components/orchestratorViewer.js index 55ac5ca..1360cef 100644 --- a/src/components/orchestratorViewer.js +++ b/src/components/orchestratorViewer.js @@ -6,7 +6,7 @@ const Orchestrator = (obj) => { if (obj.thisOrchestrator) { if (obj.forceVertical) { return ( -
+
{ ) } else { return ( -
+
{ headerString = "Livepeer Orchestrator Explorer"; } - let sidebar; - if (showSidebar && false) { - sidebar =
-
-
-
-
- -
-
-
-
- -
-
-
- } - return (
@@ -116,19 +97,12 @@ const Livepeer = (obj) => {
-
-
-
- -
-
-
-
+ +
- {sidebar}