Update mithril explorer

Add the url of the 'release-preprod' aggregator.

Author: jpraynaud

mithril-explorer/pages/index.js

@@ -1,12 +1,13 @@
-import React, { useState  } from 'react';
+import React, { useState } from 'react';
 import PendingCertificate from '../components/PendingCertificate';
 import SnapshotsList from '../components/SnapshotsList';
 import Head from "next/head";
 import Image from "next/image";
-import {Form, Stack, Button, Row, Col, InputGroup} from "react-bootstrap";
+import { Form, Stack, Button, Row, Col, InputGroup } from "react-bootstrap";
 import styles from "../styles/Home.module.css";
 
 const available_aggregators = [
+  "https://aggregator.release-preprod.api.mithril.network/aggregator",
   "https://aggregator.api.mithril.network/aggregator",
   "http://localhost:8080/aggregator"
 ];
@@ -15,11 +16,11 @@ function IntervalSetter(props) {
   function handleChange(event) {
     props.onIntervalChange(parseInt(event.target.value));
   }
-  
+
   function handleClick() {
     props.onStartStopPress(!props.isStartStopPressed);
   }
-  
+
   return (
     <Form.Group as={Col} className={props.className}>
       <Form.Label>Update Interval:</Form.Label>
@@ -62,7 +63,7 @@ export default function Explorer() {
   function handleApiChange(api) {
     setAggregator(api);
   }
-  
+
   function handleStartStopButtonPress(isPressed) {
     setAutoUpdate(isPressed);
   }
@@ -78,14 +79,14 @@ export default function Explorer() {
         <meta name="description" content="Explore a Mithril Network" />
         <link rel="icon" href="/explorer/favicon.ico" />
       </Head>
-      
+
       <div className={styles.container}>
         <main className={styles.main}>
           <h1 className={styles.title}>Mithril Explorer</h1>
           <Stack gap={3}>
             <Form>
               <Row xs={1} sm={2}>
-                <AggregatorSetter aggregator={aggregator} onAggregatorChange={handleApiChange} availableAggregators={available_aggregators}  />
+                <AggregatorSetter aggregator={aggregator} onAggregatorChange={handleApiChange} availableAggregators={available_aggregators} />
                 <IntervalSetter
                   interval={interval}
                   onIntervalChange={handleIntervalChange}
@@ -98,7 +99,7 @@ export default function Explorer() {
           </Stack>
         </main>
       </div>
-      
+
       <footer className={styles.footer}>
         <span className={styles.logo}>
           <Image src="/explorer/logo.png" alt="Mithril Logo" width={32} height={32} />