stepus53/dhfs
1
0
Fork 0
mirror of https://github.com/usatiuk/dhfs.git synced 2025-10-28 20:47:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Webui: a little nicer

Browse Source
This commit is contained in:
Stepan Usatiuk
2025-04-25 11:07:08 +02:00
parent e7f22d783f
commit 6ecef94b90
5 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webui/src/PeerAvailableCard.tsx
View File

@@ -21,7 +21,7 @@ export function PeerAvailableCard({ peerInfo }: TPeerAvailableCardProps) {
<span>{peerInfo.uuid}</span>
</div>
<div>
<span>Cert: {peerInfo.certHash}</span>
<span>Certificate: {peerInfo.certHash}</span>
</div>
</div>
<fetcher.Form

2
webui/src/PeerCardCommon.scss
View File

@@ -12,4 +12,6 @@
.peerInfo {
flex-grow: 1;
}
margin-bottom: 0.5rem;
}

24
webui/src/PeerKnownCard.tsx
View File

@@ -25,20 +25,11 @@ export function PeerKnownCard({ peerInfo }: TPeerKnownCardProps) {
<div className="peerKnownCard">
<div className={"peerInfo"}>
<div>
<div>
<span>UUID: </span>
<span>{peerInfo.uuid}</span>
</div>
<div>
<span>
{peerInfo.knownAddress
? "connected"
: "not connected"}
</span>
</div>
<div>
<span>Cert: {peerInfo.certHash}</span>
</div>
<span>UUID: </span>
<span>{peerInfo.uuid}</span>
</div>
<div>
<span>Certificate: {peerInfo.certHash}</span>
</div>
<div>
<fetcher.Form method="put" action={"/home/peers"}>
@@ -61,6 +52,11 @@ export function PeerKnownCard({ peerInfo }: TPeerKnownCardProps) {
<button type="submit">save</button>
</fetcher.Form>
</div>
<div>
<span>
{peerInfo.knownAddress ? "connected" : "not connected"}
</span>
</div>
</div>
<fetcher.Form
className="actions"

6
webui/src/PeerState.scss
View File

@@ -9,4 +9,10 @@
> * {
margin-top: 1rem;
}
.selfInfo {
> * {
margin-top: 0.2rem;
}
}
}

7
webui/src/PeerState.tsx
View File

@@ -18,8 +18,11 @@ export function PeerState() {
return (
<div id={"PeerState"}>
<div>UUID: {loaderData.selfInfo.selfUuid}</div>
<div>Certificate: {loaderData.selfInfo.certHash} </div>
<div className={"selfInfo"}>
<div>This node:</div>
<div>UUID: {loaderData.selfInfo.selfUuid}</div>
<div>Certificate: {loaderData.selfInfo.certHash} </div>
</div>
<div>
<div>Known peers</div>
<div>{knownPeers}</div>