Include baseline configuration in query params, run fmt

Author: banool

frontend/src/pages/LandingPage/Index.tsx

@@ -10,9 +10,9 @@ export default function LandingPage() {
         Aptos Node Tools
       </Typography>
       <h2>BETA</h2>
-      <DividerHero/>
+      <DividerHero />
       <Grid item xs={12} md={6} lg={4} key={1}>
-        <a href="/#/node_checker" style={{ textDecoration: 'none' }}>
+        <a href="/#/node_checker" style={{textDecoration: "none"}}>
           <Button variant="primary">Node Checker</Button>
         </a>
       </Grid>

frontend/src/pages/NodeChecker/Client.tsx

@@ -1,8 +1,7 @@
 import {EvaluationSummary, NodeCheckerClient} from "aptos-node-checker-client";
 import {GlobalState} from "../../GlobalState";
 
-export const DEFAULT_NHC_INSTANCE =
-  "https://node-checker.dev.gcp.aptosdev.com";
+export const DEFAULT_NHC_INSTANCE = "https://node-checker.dev.gcp.aptosdev.com";
 
 export const NHC_INSTANCE_OVERRIDES = {
   local: "http://127.0.0.1:20121",

frontend/src/pages/NodeChecker/ConfigurationSelect.tsx

@@ -11,6 +11,7 @@ import {
   MinimalConfiguration,
 } from "./Client";
 import {useGlobalState} from "../../GlobalState";
+import {useSearchParams} from "react-router-dom";
 
 interface ConfigurationSelectProps {
   baselineConfiguration: MinimalConfiguration | undefined;
@@ -31,6 +32,8 @@ export default function ConfigurationSelect({
     Map<string, MinimalConfiguration> | undefined
   >(undefined);
 
+  const [searchParams, _setSearchParams] = useSearchParams();
+
   const handleChange = (event: SelectChangeEvent<string>) => {
     const configurationKey = event.target.value;
     updateBaselineConfiguration(validConfigurations!.get(configurationKey));
@@ -47,7 +50,16 @@ export default function ConfigurationSelect({
     getConfigurations({nhcUrl: nhcUrl})
       .then((configurations) => {
         updateValidConfigurations(configurations);
-        updateBaselineConfiguration(configurations.values().next().value);
+        // If a configuration was included in the URL and it is a valid option,
+        // use that. Otherwise just use the first one.
+        if (searchParams.get("baselineConfiguration")) {
+          const configurationKey = searchParams.get("baselineConfiguration")!;
+          if (configurations.has(configurationKey)) {
+            updateBaselineConfiguration(configurations.get(configurationKey));
+          }
+        } else {
+          updateBaselineConfiguration(configurations.values().next().value);
+        }
         updateErrorMessage(undefined);
       })
       .catch((_error) => {

frontend/src/pages/NodeChecker/Index.tsx

@@ -10,7 +10,7 @@ import ConfigurationSelect from "./ConfigurationSelect";
 import {useGlobalState} from "../../GlobalState";
 import ErrorSnackbar from "./ErrorSnackbar";
 import useAddressInput from "../../api/hooks/useAddressInput";
-import { useSearchParams } from 'react-router-dom';
+import {useSearchParams} from "react-router-dom";
 
 export function NodeCheckerPage() {
   const [state, _dispatch] = useGlobalState();
@@ -105,6 +105,7 @@ export function NodeCheckerPage() {
       url: url,
       apiPort: apiPort,
       noisePort: noisePort,
+      baselineConfiguration: baselineConfiguration!.name,
     });
     try {
       const evaluationSummary = await checkNode({