diff --git a/packages/concordia-app/package.json b/packages/concordia-app/package.json
index 0f6999e..ec3fa75 100644
--- a/packages/concordia-app/package.json
+++ b/packages/concordia-app/package.json
@@ -24,7 +24,7 @@
]
},
"dependencies": {
- "@ezerous/breeze": "~0.6.0",
+ "@ezerous/breeze": "~0.7.0",
"@ezerous/drizzle": "~0.4.2",
"@ezerous/eth-identity-provider": "~0.1.2",
"@reduxjs/toolkit": "~1.4.0",
diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/index.jsx b/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/index.jsx
index 00b6865..2433cb0 100644
--- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/index.jsx
+++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/index.jsx
@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
import { useSelector } from 'react-redux';
import { CopyToClipboard } from 'react-copy-to-clipboard';
import {
- Header, Image, List, Segment, Table, Transition,
+ Header, Image, Segment, Table,
} from 'semantic-ui-react';
import ipfsLogo from '../../../assets/images/ipfs_logo.svg';
@@ -11,29 +11,43 @@ import './styles.css';
const MainLayoutIPFSStats = () => {
const ipfsId = useSelector((state) => state.ipfs.id);
const peerIds = useSelector((state) => state.ipfs.peers);
+ const bootstrapPeerIds = useSelector((state) => state.ipfs.bootstrapPeers);
const peers = useMemo(() => peerIds
.map((peerId) => (
-
-
- {peerId}
-
-
+
+
+
+ {peerId}
+
+
+
)), [peerIds]);
+ const bootstrapPeers = useMemo(() => bootstrapPeerIds
+ .map((bootstrapPeerId) => (
+
+
+
+ {bootstrapPeerId}
+
+
+
+
+ )), [bootstrapPeerIds]);
+
return (
-
+
-
+
- ID
+ Peer ID
+
+
@@ -43,16 +57,25 @@ const MainLayoutIPFSStats = () => {
- Peers
-
-
- {peers}
-
-
+ Peers
+
+ {peers.length === 0
+ ? (
+
+ -
+
+ ) : null}
+ {peers}
+
+ Bootstrap Peers
+ {bootstrapPeers.length === 0
+ ? (
+
+ -
+
+ ) : null}
+ {bootstrapPeers}
diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/styles.css b/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/styles.css
index f9426c1..b9f723c 100644
--- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/styles.css
+++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutIPFSStats/styles.css
@@ -1,9 +1,10 @@
.stat-key {
- width: 13%
+ background: rgba(0,0,0,.1);
+ font-weight: 700;
}
.stat-value {
- font-size: 0.9rem;
+ font-size: 0.95rem;
cursor: pointer;
}
diff --git a/yarn.lock b/yarn.lock
index a4c2b97..61f3509 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1499,10 +1499,10 @@
"@ethersproject/properties" "^5.0.7"
"@ethersproject/strings" "^5.0.8"
-"@ezerous/breeze@~0.6.0":
- version "0.6.0"
- resolved "https://registry.yarnpkg.com/@ezerous/breeze/-/breeze-0.6.0.tgz#95c602da137c098f8f6984b4ba85ad99d495ec55"
- integrity sha512-8M7hg2nYvWjJcL4h3dNHglTyzx/9GbnS2HZ+3deFV1+WUdO0wIjWgssQi383ys/xygjNlNSo1nQAkUwy9cKM1g==
+"@ezerous/breeze@~0.7.0":
+ version "0.7.0"
+ resolved "https://registry.yarnpkg.com/@ezerous/breeze/-/breeze-0.7.0.tgz#b275dc0e92040e9fa7171d945562b716e133b4d7"
+ integrity sha512-CMgrQ4b/hdl3OVGXiNpdoW3T8D1K+OAnOP3KlAtxCYW5uQZzp41xUq2MxpdVi5nj8YH6MZa8ditmSDEE7xnFFA==
dependencies:
deepmerge "~4.2.2"
ipfs "~0.54.2"