Skip to content

Commit

Permalink
Merge pull request #667 from oceanprotocol/issue-629-IP
Browse files Browse the repository at this point in the history 
removing IP address & adjusting UI
  • Loading branch information
@jamiehewitt15
jamiehewitt15 authored Sep 4, 2024
2 parents 1bdb52e + 310a259 commit e6e3afd
Show file tree
Hide file tree
Showing 13 changed files with 149 additions and 158 deletions.
94 changes: 47 additions & 47 deletions dashboard/src/components/Dashboard/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
import React, { useEffect, useState } from 'react'
import cs from 'classnames'
import styles from './index.module.css'
import { truncateString } from '../../shared/utils/truncateString'
import { useAdminContext } from '@/context/AdminProvider'
import AdminActions from '../Admin'
import Spinner from '../Spinner'
Expand All @@ -13,6 +11,7 @@ import SupportedNetworks from './SupportedNetworks'
import Indexer from './Indexer'
import AdminAccounts from './AdminAccounts'
import NodePlatform from './NodePlatform'
import { Box, Typography, Divider } from '@mui/material'

export default function Dashboard() {
const [data, setData] = useState<NodeDataType>()
Expand Down Expand Up @@ -82,51 +81,52 @@ export default function Dashboard() {

const ConnectionDetails = () => {
return (
<div>
<div className={styles.title29}>NETWORK</div>
<div className={styles.details}>
<div className={styles.details}>
<div className={styles.columnP2P}>
<div className={cs([styles.title24, styles.borderBottom])}>
P2P - {data?.p2p ? 'UP' : 'DOWN'}
</div>
<div className={styles.nodes}>
<div className={styles.title24}>NODE ID</div>
{nodeData.map((node) => {
return (
<div className={styles.node} key={node.id}>
<div className={styles.nodeAddress}>
<div className={styles.node}>{truncateString(node.id, 12)}</div>
</div>
<Copy text={node?.id as string} />
</div>
)
})}
</div>
<div className={styles.nodes}>
<div className={styles.title24}>Address</div>
<div className={styles.node}>
{truncateString(data?.address, 12)}
<Copy text={data?.address as string} />
</div>
</div>
<NodePeers />
</div>
<div className={styles.columnHTTP}>
<div className={cs([styles.title24, styles.borderBottom])}>
HTTP - {data?.http ? 'UP' : 'DOWN'}
</div>
<div className={styles.nodes}>
<div className={styles.nodeAddress}>
<h5 className={styles.title24}>IP : </h5>
<div className={styles.nodeAddress}>{ipAddress}</div>
<Copy text={ipAddress as string} />
</div>
</div>
</div>
</div>
</div>
</div>
<Box p={2}>
<Typography variant="h5" gutterBottom>
NETWORK
</Typography>
<Divider />

<Box mt={2} mb={2}>
<Typography variant="h6">HTTP Status</Typography>
<Typography variant="body1">HTTP - {data?.http ? 'UP' : 'DOWN'}</Typography>
</Box>
<Divider />

<Box mt={2} mb={2}>
<Typography variant="h6">P2P Status</Typography>
<Typography variant="body1">P2P - {data?.p2p ? 'UP' : 'DOWN'}</Typography>
</Box>
<Divider />

<Box mt={2} mb={2}>
<Typography variant="h6">NODE ID</Typography>
{nodeData.map((node) => (
<Box key={node.id} display="flex" alignItems="center" mb={1}>
<Typography variant="body1" className={styles.node}>
{node.id}
</Typography>
<Copy text={node?.id as string} />
</Box>
))}
</Box>
<Divider />

<Box mt={2} mb={2}>
<Typography variant="h6">Address</Typography>
<Box display="flex" alignItems="center">
<Typography variant="body1" className={styles.node}>
{data?.address}
</Typography>
<Copy text={data?.address as string} />
</Box>
</Box>
<Divider />

<Box mt={2}>
<NodePeers />
</Box>
</Box>
)
}

Expand Down
3 changes: 1 addition & 2 deletions dashboard/src/components/NodePeers/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import React, { useEffect, useState } from 'react'
import styles from './style.module.css'
import Spinner from '../Spinner'
import { truncateString } from '../../shared/utils/truncateString'
import Copy from '../Copy'
import { Button, Typography } from '@mui/material'

Expand Down Expand Up @@ -56,7 +55,7 @@ export default function NodePeers() {
{nodePeers.length > 0 ? (
displayedNodePeers.map((address) => (
<div className={styles.nodeAddress} key={address}>
{truncateString(address, 12)} <Copy text={address} />
{address} <Copy text={address} />
</div>
))
) : (
Expand Down
8 changes: 0 additions & 8 deletions dashboard/src/shared/utils/truncateString.ts
View file

This file was deleted.

2 changes: 1 addition & 1 deletion dist/dashboard/404.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/28e16ff29a58442c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28e16ff29a58442c.css" crossorigin="" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe817b75e2ea8908.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-ca706bf673a13738.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-66d85fc6f7952338.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-8a605b014f26ab32.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_error-e4216aab802f5810.js" defer="" crossorigin=""></script><script src="/_next/static/Y6w7oMjRjI-tffwCvjHC1/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/Y6w7oMjRjI-tffwCvjHC1/_ssgManifest.js" defer="" crossorigin=""></script></head><body><div id="__next"><div data-rk=""><style>[data-rk]{--rk-blurs-modalOverlay:blur(0px);--rk-fonts-body:SFRounded, ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--rk-radii-actionButton:9999px;--rk-radii-connectButton:12px;--rk-radii-menuButton:12px;--rk-radii-modal:24px;--rk-radii-modalMobile:28px;--rk-colors-accentColor:#0E76FD;--rk-colors-accentColorForeground:#FFF;--rk-colors-actionButtonBorder:rgba(0, 0, 0, 0.04);--rk-colors-actionButtonBorderMobile:rgba(0, 0, 0, 0.06);--rk-colors-actionButtonSecondaryBackground:rgba(0, 0, 0, 0.06);--rk-colors-closeButton:rgba(60, 66, 66, 0.8);--rk-colors-closeButtonBackground:rgba(0, 0, 0, 0.06);--rk-colors-connectButtonBackground:#FFF;--rk-colors-connectButtonBackgroundError:#FF494A;--rk-colors-connectButtonInnerBackground:linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06));--rk-colors-connectButtonText:#25292E;--rk-colors-connectButtonTextError:#FFF;--rk-colors-connectionIndicator:#30E000;--rk-colors-downloadBottomCardBackground:linear-gradient(126deg, rgba(255, 255, 255, 0) 9.49%, rgba(171, 171, 171, 0.04) 71.04%), #FFFFFF;--rk-colors-downloadTopCardBackground:linear-gradient(126deg, rgba(171, 171, 171, 0.2) 9.49%, rgba(255, 255, 255, 0) 71.04%), #FFFFFF;--rk-colors-error:#FF494A;--rk-colors-generalBorder:rgba(0, 0, 0, 0.06);--rk-colors-generalBorderDim:rgba(0, 0, 0, 0.03);--rk-colors-menuItemBackground:rgba(60, 66, 66, 0.1);--rk-colors-modalBackdrop:rgba(0, 0, 0, 0.3);--rk-colors-modalBackground:#FFF;--rk-colors-modalBorder:transparent;--rk-colors-modalText:#25292E;--rk-colors-modalTextDim:rgba(60, 66, 66, 0.3);--rk-colors-modalTextSecondary:rgba(60, 66, 66, 0.6);--rk-colors-profileAction:#FFF;--rk-colors-profileActionHover:rgba(255, 255, 255, 0.5);--rk-colors-profileForeground:rgba(60, 66, 66, 0.06);--rk-colors-selectedOptionBorder:rgba(60, 66, 66, 0.1);--rk-colors-standby:#FFD641;--rk-shadows-connectButton:0px 4px 12px rgba(0, 0, 0, 0.1);--rk-shadows-dialog:0px 8px 32px rgba(0, 0, 0, 0.32);--rk-shadows-profileDetailsAction:0px 2px 6px rgba(37, 41, 46, 0.04);--rk-shadows-selectedOption:0px 2px 6px rgba(0, 0, 0, 0.24);--rk-shadows-selectedWallet:0px 2px 6px rgba(0, 0, 0, 0.12);--rk-shadows-walletLogo:0px 2px 16px rgba(0, 0, 0, 0.16);}</style><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">This page could not be found<!-- -->.</h2></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"Y6w7oMjRjI-tffwCvjHC1","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/28e16ff29a58442c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/28e16ff29a58442c.css" crossorigin="" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fe817b75e2ea8908.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-ca706bf673a13738.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-66d85fc6f7952338.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-8a605b014f26ab32.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_error-e4216aab802f5810.js" defer="" crossorigin=""></script><script src="/_next/static/5CK9tqhe3L89gz1Gxu3HR/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/5CK9tqhe3L89gz1Gxu3HR/_ssgManifest.js" defer="" crossorigin=""></script></head><body><div id="__next"><div data-rk=""><style>[data-rk]{--rk-blurs-modalOverlay:blur(0px);--rk-fonts-body:SFRounded, ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--rk-radii-actionButton:9999px;--rk-radii-connectButton:12px;--rk-radii-menuButton:12px;--rk-radii-modal:24px;--rk-radii-modalMobile:28px;--rk-colors-accentColor:#0E76FD;--rk-colors-accentColorForeground:#FFF;--rk-colors-actionButtonBorder:rgba(0, 0, 0, 0.04);--rk-colors-actionButtonBorderMobile:rgba(0, 0, 0, 0.06);--rk-colors-actionButtonSecondaryBackground:rgba(0, 0, 0, 0.06);--rk-colors-closeButton:rgba(60, 66, 66, 0.8);--rk-colors-closeButtonBackground:rgba(0, 0, 0, 0.06);--rk-colors-connectButtonBackground:#FFF;--rk-colors-connectButtonBackgroundError:#FF494A;--rk-colors-connectButtonInnerBackground:linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06));--rk-colors-connectButtonText:#25292E;--rk-colors-connectButtonTextError:#FFF;--rk-colors-connectionIndicator:#30E000;--rk-colors-downloadBottomCardBackground:linear-gradient(126deg, rgba(255, 255, 255, 0) 9.49%, rgba(171, 171, 171, 0.04) 71.04%), #FFFFFF;--rk-colors-downloadTopCardBackground:linear-gradient(126deg, rgba(171, 171, 171, 0.2) 9.49%, rgba(255, 255, 255, 0) 71.04%), #FFFFFF;--rk-colors-error:#FF494A;--rk-colors-generalBorder:rgba(0, 0, 0, 0.06);--rk-colors-generalBorderDim:rgba(0, 0, 0, 0.03);--rk-colors-menuItemBackground:rgba(60, 66, 66, 0.1);--rk-colors-modalBackdrop:rgba(0, 0, 0, 0.3);--rk-colors-modalBackground:#FFF;--rk-colors-modalBorder:transparent;--rk-colors-modalText:#25292E;--rk-colors-modalTextDim:rgba(60, 66, 66, 0.3);--rk-colors-modalTextSecondary:rgba(60, 66, 66, 0.6);--rk-colors-profileAction:#FFF;--rk-colors-profileActionHover:rgba(255, 255, 255, 0.5);--rk-colors-profileForeground:rgba(60, 66, 66, 0.06);--rk-colors-selectedOptionBorder:rgba(60, 66, 66, 0.1);--rk-colors-standby:#FFD641;--rk-shadows-connectButton:0px 4px 12px rgba(0, 0, 0, 0.1);--rk-shadows-dialog:0px 8px 32px rgba(0, 0, 0, 0.32);--rk-shadows-profileDetailsAction:0px 2px 6px rgba(37, 41, 46, 0.04);--rk-shadows-selectedOption:0px 2px 6px rgba(0, 0, 0, 0.24);--rk-shadows-selectedWallet:0px 2px 6px rgba(0, 0, 0, 0.12);--rk-shadows-walletLogo:0px 2px 16px rgba(0, 0, 0, 0.16);}</style><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">This page could not be found<!-- -->.</h2></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"5CK9tqhe3L89gz1Gxu3HR","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
1 change: 1 addition & 0 deletions dist/dashboard/_next/static/5CK9tqhe3L89gz1Gxu3HR/_buildManifest.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 ...tic/Y6w7oMjRjI-tffwCvjHC1/_ssgManifest.js → ...tic/5CK9tqhe3L89gz1Gxu3HR/_ssgManifest.js
View file
File renamed without changes.
1 change: 0 additions & 1 deletion dist/dashboard/_next/static/Y6w7oMjRjI-tffwCvjHC1/_buildManifest.js
View file

This file was deleted.

96 changes: 96 additions & 0 deletions dist/dashboard/_next/static/chunks/5679-bec633b225238aa1.js
View file

Large diffs are not rendered by default.

96 changes: 0 additions & 96 deletions dist/dashboard/_next/static/chunks/9130-ea274ad49571671c.js
View file

This file was deleted.

1 change: 0 additions & 1 deletion dist/dashboard/_next/static/chunks/pages/index-0d98b4fd6834b567.js
View file

This file was deleted.

1 change: 1 addition & 0 deletions dist/dashboard/_next/static/chunks/pages/index-7479e6221136ea03.js
View file

Large diffs are not rendered by default.

Loading

0 comments on commit e6e3afd

Please sign in to comment.