implement auto reconnect

src/View/Components/option.tsx

@@ -1,32 +1,32 @@
 import * as React from "bloatless-react";
 
 export function Option(text: string, value: string, selectedOnCreate: boolean) {
-  return (
-    <option value={value} toggle:selected={selectedOnCreate}>
-      {text}
-    </option>
-  );
+    return (
+        <option value={value} toggle:selected={selectedOnCreate}>
+            {text}
+        </option>
+    );
 }
 
 export const StringToOption: React.StateItemConverter<string> = (
-  string: string
+    string: string,
 ) => {
-  return Option(string, string, false);
+    return Option(string, string, false);
 };
 
 export const EntryToOption: React.StateItemConverter<Entry> = (
-  entry: Entry
+    entry: Entry,
 ) => {
-  return Option(entry[1], entry[0], false);
+    return Option(entry[1], entry[0], false);
 };
 
 export const VersionIdToOption: React.StateItemConverter<string> = (
-  versionId: string
+    versionId: string,
 ) => {
-  const [date, rest] = versionId.split("T");
-  const [time] = rest.split(".");
-  const readableName = `${date} ${time}`;
-  return Option(readableName, versionId, false);
+    const [date, rest] = versionId.split("T");
+    const [time] = rest.split(".");
+    const readableName = `${date} ${time}`;
+    return Option(readableName, versionId, false);
 };
 
 export type Entry = [string, string];