add dropdown for previous connections

src/Views/Overview/connectionSection.tsx

@@ -42,6 +42,17 @@ export function ConnectionSection() {
           ></datalist>
         </div>
       </label>
+      <label class="tile">
+        <span class="icon">history</span>
+        <div>
+        <span>{translation.previousConnections}</span>
+          <select
+            bind:value={serverAddressInput}
+            children:append={[previousAddresses, stringToOptionTag]}
+          ></select>
+          <span class="icon">arrow_drop_down</span>
+        </div>
+      </label>
       <div class="flex-row width-input justify-end">
         <button
           class="danger width-100 flex-1 justify-center"
@@ -102,7 +113,10 @@ export function ConnectionSection() {
         <span class="icon">outbox</span>
         <div>
           <b>{translation.outbox}</b>
-          <span set:class={outboxTextStyle} subscribe:innerText={outboxText}></span>
+          <span
+            set:class={outboxTextStyle}
+            subscribe:innerText={outboxText}
+          ></span>
         </div>
       </div>
     </div>

src/translations.ts

@@ -26,6 +26,7 @@ const englishTranslations = {
 
   serverAddress: "Server Address",
   serverAddressPlaceholder: "wss://192.168.0.69:3000",
+  previousConnections: "Previous connections",
 
   connectToServer: "Connect",
   disconnect: "Disconnect",
@@ -143,6 +144,7 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
 
     serverAddress: "Dirección del servidor",
     serverAddressPlaceholder: "wss://192.168.0.69:3000",
+    previousConnections: "Conexiones anteriores",
 
     connectToServer: "Conectar",
     disconnect: "Desconectar",
@@ -257,6 +259,7 @@ const allTranslations: { [key: string]: typeof englishTranslations } = {
 
     serverAddress: "Serveradresse",
     serverAddressPlaceholder: "wss://192.168.0.69:3000",
+    previousConnections: "Vorherige Adressen",
 
     connectToServer: "Verbinden",
     disconnect: "Trennen",