Skip to content

Commit d85204a

Browse files
AlenarAlenar
committed
Formatted the code using Rider formatter
1 parent bf1b23a commit d85204a

File tree

14 files changed

+129
-121
lines changed

14 files changed

+129
-121
lines changed

‎mithril-explorer/components/AggregatorSetter/AddAggregatorModal.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export default function AddAggregatorModal(props) {
77
const [value, setValue] = useState("");
88
const [isInvalid, setIsInvalid] = useState(false);
99
const dispatch = useDispatch();
10-
10+
1111
function handleClose() {
1212
props.onAskClose();
1313
setIsInvalid(false);

‎mithril-explorer/components/AggregatorSetter/index.js‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, {useState} from 'react';
2-
import { Button, Col, Form, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
2+
import {Button, Col, Form, InputGroup, OverlayTrigger, Tooltip} from "react-bootstrap";
33
import {useDispatch, useSelector} from "react-redux";
44
import {removeCustomAggregator, selectAggregator} from "../../store/settingsSlice";
55
import AddAggregatorModal from "./AddAggregatorModal";
@@ -13,15 +13,16 @@ export default function AggregatorSetter(props) {
1313

1414
function copySelected() {
1515
if (window.isSecureContext && selectedAggregator) {
16-
navigator.clipboard.writeText(selectedAggregator).then(() => { });
16+
navigator.clipboard.writeText(selectedAggregator).then(() => {
17+
});
1718
}
1819
}
1920

2021
return (
2122
<>
2223
<AddAggregatorModal
2324
show={showAddModal}
24-
onAskClose={() => toggleAddModal(false)} />
25+
onAskClose={() => toggleAddModal(false)}/>
2526

2627
<Form.Group as={Col} className={props.className}>
2728
<Form.Label>Aggregator:</Form.Label>

‎mithril-explorer/components/CertificateModal/index.js‎

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import React, { useState, useEffect } from 'react';
2-
import { Badge, Button, Container, Col, ListGroup, Modal, OverlayTrigger, Row, Table, Tooltip } from "react-bootstrap";
1+
import React, {useEffect, useState} from 'react';
2+
import {Badge, Button, Col, Container, ListGroup, Modal, Row, Table} from "react-bootstrap";
33
import {useSelector} from "react-redux";
44
import RawJsonButton from "../RawJsonButton";
55
import VerifiedBadge from '../VerifiedBadge';
@@ -68,34 +68,36 @@ export default function CertificateModal(props) {
6868
{certificate.genesis_signature !== ""
6969
?
7070
<div>
71-
This is the chain Genesis Certificate, since it&aops;s manually created it doesn&apos;t contain any Signers.
71+
This is the chain Genesis Certificate, since it&aops;s manually created it doesn&apos;t contain any
72+
Signers.
7273
</div>
7374
: certificate.metadata.signers.length === 0
7475
?
7576
<div>
76-
No Signers for this certificate, something went wrong either with the data retrieval or the signing process
77+
No Signers for this certificate, something went wrong either with the data retrieval or the
78+
signing process
7779
</div>
7880
: <>
7981
<Table responsive>
8082
<thead>
81-
<tr>
82-
<th></th>
83-
<th>Party id</th>
84-
<th>Stake</th>
85-
</tr>
83+
<tr>
84+
<th></th>
85+
<th>Party id</th>
86+
<th>Stake</th>
87+
</tr>
8688
</thead>
8789
<tbody>
88-
{certificate.metadata.signers.map(signer =>
89-
<tr key={signer.party_id}>
90-
<td>
91-
{signer.verification_key_signature &&
92-
<VerifiedBadge tooltip="Verified Signer" />
93-
}
94-
</td>
95-
<td>{signer.party_id}</td>
96-
<td>{signer.stake}</td>
97-
</tr>
98-
)}
90+
{certificate.metadata.signers.map(signer =>
91+
<tr key={signer.party_id}>
92+
<td>
93+
{signer.verification_key_signature &&
94+
<VerifiedBadge tooltip="Verified Signer"/>
95+
}
96+
</td>
97+
<td>{signer.party_id}</td>
98+
<td>{signer.stake}</td>
99+
</tr>
100+
)}
99101
</tbody>
100102
</Table>
101103
</>
@@ -109,10 +111,11 @@ export default function CertificateModal(props) {
109111
{certificate.genesis_signature !== ""
110112
? <Badge bg="warning">Genesis</Badge>
111113
: <>
112-
<Button size="sm" onClick={showPrevious} className="text-break">Previous hash: {certificate.previous_hash}</Button>
114+
<Button size="sm" onClick={showPrevious} className="text-break">Previous
115+
hash: {certificate.previous_hash}</Button>
113116
</>
114117
}
115-
<RawJsonButton href={`${aggregator}/certificate/${props.hash}`} size="sm" />
118+
<RawJsonButton href={`${aggregator}/certificate/${props.hash}`} size="sm"/>
116119
</Modal.Footer>
117120
</Modal>
118121
);

‎mithril-explorer/components/EpochSettings/index.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { useEffect, useState } from 'react';
1+
import React, {useEffect, useState} from 'react';
22
import {Card, ListGroup} from "react-bootstrap";
33
import RawJsonButton from "../RawJsonButton";
44
import {useSelector} from "react-redux";
@@ -30,12 +30,12 @@ export default function EpochSettings(props) {
3030
const interval = setInterval(fetchEpochSettings, updateInterval);
3131
return () => clearInterval(interval);
3232
}, [aggregator, updateInterval, autoUpdate]);
33-
33+
3434
return (
3535
<div>
3636
<h2>
3737
Epoch Settings
38-
<RawJsonButton href={`${aggregator}/epoch-settings`} variant="outline-light" size="sm" />
38+
<RawJsonButton href={`${aggregator}/epoch-settings`} variant="outline-light" size="sm"/>
3939
</h2>
4040

4141
<Card>

‎mithril-explorer/components/IntervalSetter/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {useDispatch, useSelector} from "react-redux";
2-
import {Button, InputGroup, Form, Col} from "react-bootstrap";
2+
import {Button, Col, Form, InputGroup} from "react-bootstrap";
33
import {setUpdateInterval, toggleAutoUpdate} from "../../store/settingsSlice";
44

55
export default function IntervalSetter(props) {

‎mithril-explorer/components/PendingCertificate/index.js‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import React, { useState, useEffect } from 'react';
2-
import { Card, CardGroup, ListGroup } from "react-bootstrap";
1+
import React, {useEffect, useState} from 'react';
2+
import {Card, CardGroup, ListGroup} from "react-bootstrap";
33
import RawJsonButton from "../RawJsonButton";
44
import VerifiedBadge from '../VerifiedBadge';
55
import {useSelector} from "react-redux";
@@ -40,7 +40,7 @@ export default function PendingCertificate(props) {
4040
<RawJsonButton
4141
href={`${aggregator}/certificate-pending`}
4242
variant="outline-light"
43-
size="sm" />
43+
size="sm"/>
4444
}
4545
</h2>
4646

@@ -54,7 +54,8 @@ export default function PendingCertificate(props) {
5454
<ListGroup className="margin-bottom--md" variant="flush">
5555
<ListGroup.Item>Network: {pendingCertificate.beacon.network}</ListGroup.Item>
5656
<ListGroup.Item>Epoch: {pendingCertificate.beacon.epoch}</ListGroup.Item>
57-
<ListGroup.Item>Immutable File Number: {pendingCertificate.beacon.immutable_file_number}</ListGroup.Item>
57+
<ListGroup.Item>Immutable File
58+
Number: {pendingCertificate.beacon.immutable_file_number}</ListGroup.Item>
5859
</ListGroup>
5960
<Card.Title>Protocol Parameters</Card.Title>
6061
<ListGroup horizontal>
@@ -77,7 +78,7 @@ export default function PendingCertificate(props) {
7778
{signer.party_id}
7879
{signer.verification_key_signature &&
7980
<div className="float-end">
80-
<VerifiedBadge tooltip="Verified Signer" />
81+
<VerifiedBadge tooltip="Verified Signer"/>
8182
</div>
8283
}
8384
</ListGroup.Item>
@@ -100,7 +101,7 @@ export default function PendingCertificate(props) {
100101
{signer.party_id}
101102
{signer.verification_key_signature &&
102103
<div className="float-end">
103-
<VerifiedBadge tooltip="Verified Signer" />
104+
<VerifiedBadge tooltip="Verified Signer"/>
104105
</div>
105106
}
106107
</ListGroup.Item>
@@ -112,6 +113,6 @@ export default function PendingCertificate(props) {
112113
</Card>
113114
</CardGroup>
114115
}
115-
</div >
116+
</div>
116117
);
117118
}

‎mithril-explorer/components/RawJsonButton.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import React from 'react';
2-
import { Button, OverlayTrigger, Tooltip } from "react-bootstrap";
2+
import {Button, OverlayTrigger, Tooltip} from "react-bootstrap";
33

44
export default function RawJsonButton(props) {
5-
return (
6-
<OverlayTrigger overlay={<Tooltip>Raw JSON</Tooltip>}>
7-
<Button variant="outline-secondary" target="_blank" {...props}>
8-
<i class="bi bi-filetype-json" style={{ color: 'black' }}></i>
9-
</Button>
10-
</OverlayTrigger>
11-
);
5+
return (
6+
<OverlayTrigger overlay={<Tooltip>Raw JSON</Tooltip>}>
7+
<Button variant="outline-secondary" target="_blank" {...props}>
8+
<i class="bi bi-filetype-json" style={{color: 'black'}}></i>
9+
</Button>
10+
</OverlayTrigger>
11+
);
1212
}

‎mithril-explorer/components/SnapshotsList/index.js‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import React, { useState, useEffect } from 'react';
2-
import {Badge, Row, Col, Card, Container, Button, ListGroup, Stack} from "react-bootstrap";
1+
import React, {useEffect, useState} from 'react';
2+
import {Badge, Button, Card, Col, Container, ListGroup, Row, Stack} from "react-bootstrap";
33
import CertificateModal from '../CertificateModal';
44
import RawJsonButton from "../RawJsonButton";
55
import {useSelector} from "react-redux";
@@ -30,7 +30,7 @@ export default function SnapshotsList(props) {
3030
if (!autoUpdate) {
3131
return;
3232
}
33-
33+
3434
let fetchSnapshots = () => {
3535
fetch(`${aggregator}/snapshots`)
3636
.then(response => response.json())
@@ -40,18 +40,18 @@ export default function SnapshotsList(props) {
4040
console.error("Fetch snapshots error:", error);
4141
});
4242
};
43-
43+
4444
// Fetch them once without waiting
45-
fetchSnapshots();
46-
45+
fetchSnapshots();
46+
4747
const interval = setInterval(fetchSnapshots, updateInterval);
4848
return () => clearInterval(interval);
4949
}, [aggregator, updateInterval, autoUpdate]);
50-
50+
5151
function handleCertificateHashChange(hash) {
5252
setSelectedCertificateHash(hash);
5353
}
54-
54+
5555
function showCertificate(hash) {
5656
setSelectedCertificateHash(hash);
5757
}
@@ -61,10 +61,10 @@ export default function SnapshotsList(props) {
6161
<CertificateModal
6262
aggregator={aggregator}
6363
hash={selectedCertificateHash}
64-
onHashChange={handleCertificateHashChange} />
65-
64+
onHashChange={handleCertificateHashChange}/>
65+
6666
<div className={props.className}>
67-
<h2>Snapshots <RawJsonButton href={`${aggregator}/snapshots`} variant="outline-light" size="sm" /></h2>
67+
<h2>Snapshots <RawJsonButton href={`${aggregator}/snapshots`} variant="outline-light" size="sm"/></h2>
6868
{Object.entries(snapshots).length === 0
6969
? <p>No snapshot available</p>
7070
:
@@ -82,7 +82,8 @@ export default function SnapshotsList(props) {
8282
{snapshot.certificate_hash}{' '}
8383
<Button size="sm" onClick={() => showCertificate(snapshot.certificate_hash)}>Show</Button>
8484
</ListGroup.Item>
85-
<ListGroup.Item>Created at: <br/> {new Date(snapshot.created_at).toLocaleString()}</ListGroup.Item>
85+
<ListGroup.Item>Created at: <br/> {new Date(snapshot.created_at).toLocaleString()}
86+
</ListGroup.Item>
8687
<ListGroup.Item>Size: {formatBytes(snapshot.size)}</ListGroup.Item>
8788
</ListGroup>
8889
</Card.Body>
@@ -92,8 +93,9 @@ export default function SnapshotsList(props) {
9293
<><Badge bg="primary">Latest</Badge>{' '}</>
9394
}
9495
<Badge bg="secondary">{snapshot.beacon.network}</Badge>
95-
96-
<RawJsonButton href={`${aggregator}/snapshot/${snapshot.digest}`} size="sm" className="ms-auto" />
96+
97+
<RawJsonButton href={`${aggregator}/snapshot/${snapshot.digest}`} size="sm"
98+
className="ms-auto"/>
9799
</Stack>
98100
</Card.Footer>
99101
</Card>

‎mithril-explorer/components/VerifiedBadge.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import React from 'react';
2-
import { OverlayTrigger, Tooltip } from "react-bootstrap";
2+
import {OverlayTrigger, Tooltip} from "react-bootstrap";
33

44
export default function VerifiedBadge(props) {
5-
return (
6-
<OverlayTrigger overlay={<Tooltip>{props.tooltip}</Tooltip>}>
7-
<a href="#" className="badge bg-success">
8-
<i className="bi bi-shield-lock"></i>
9-
</a>
10-
</OverlayTrigger>
11-
);
5+
return (
6+
<OverlayTrigger overlay={<Tooltip>{props.tooltip}</Tooltip>}>
7+
<a href="#" className="badge bg-success">
8+
<i className="bi bi-shield-lock"></i>
9+
</a>
10+
</OverlayTrigger>
11+
);
1212
}

‎mithril-explorer/pages/_app.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,16 @@ import Script from "next/script";
66
import {Provider} from "react-redux";
77
import {saveToLocalStorage, storeWrapper} from "../store/store";
88

9-
function MithrilExplorer({ Component, ...rest }) {
9+
function MithrilExplorer({Component, ...rest}) {
1010
const {store, pageProps} = storeWrapper.useWrappedStore(rest);
1111
store.subscribe(() => saveToLocalStorage(store.getState()));
1212

1313
return (
1414
<>
1515
<Script id="plausible"
16-
strategy="afterInteractive"
17-
src="https://plausible.io/js/script.js"
18-
data-domain="mithril.network" />
16+
strategy="afterInteractive"
17+
src="https://plausible.io/js/script.js"
18+
data-domain="mithril.network"/>
1919
<Provider store={store}>
2020
<Component {...pageProps} />
2121
</Provider>

0 commit comments

Comments
 (0)