prettier

1 files changed, 69 insertions, 49 deletions

diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.tsx
index 692421d74..6c8d36bcf 100644
--- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.tsx
+++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.tsx
@@ -1,6 +1,7 @@
 import {
-  canonicalJson, encodeCrock,
-  stringToBytes
+  canonicalJson,
+  encodeCrock,
+  stringToBytes,
 } from "@gnu-taler/taler-util";
 import { h, VNode } from "preact";
 import { useState } from "preact/hooks";
@@ -8,7 +9,11 @@ import { AnastasisClientFrame } from "..";
 import { TextInput } from "../../../components/fields/TextInput";
 import { AuthMethodSetupProps } from "./index";
 
-export function AuthMethodPostSetup({ addAuthMethod, cancel, configured }: AuthMethodSetupProps): VNode {
+export function AuthMethodPostSetup({
+  addAuthMethod,
+  cancel,
+  configured,
+}: AuthMethodSetupProps): VNode {
   const [fullName, setFullName] = useState("");
   const [street, setStreet] = useState("");
   const [city, setCity] = useState("");
@@ -32,68 +37,83 @@ export function AuthMethodPostSetup({ addAuthMethod, cancel, configured }: AuthM
     });
   };
 
-  const errors = !fullName ? 'The full name is missing' : (
-    !street ? 'The street is missing' : (
-      !city ? 'The city is missing' : (
-        !postcode ? 'The postcode is missing' : (
-          !country ? 'The country is missing' : undefined
-        )
-      )
-    )
-  )
+  const errors = !fullName
+    ? "The full name is missing"
+    : !street
+    ? "The street is missing"
+    : !city
+    ? "The city is missing"
+    : !postcode
+    ? "The postcode is missing"
+    : !country
+    ? "The country is missing"
+    : undefined;
   return (
     <AnastasisClientFrame hideNav title="Add postal authentication">
       <p>
-        For postal letter authentication, you need to provide a postal
-        address. When recovering your secret, you will be asked to enter a
-        code that you will receive in a letter to that address.
+        For postal letter authentication, you need to provide a postal address.
+        When recovering your secret, you will be asked to enter a code that you
+        will receive in a letter to that address.
       </p>
       <div>
-        <TextInput
-          grabFocus
-          label="Full Name"
-          bind={[fullName, setFullName]}
-        />
+        <TextInput grabFocus label="Full Name" bind={[fullName, setFullName]} />
       </div>
       <div>
-        <TextInput
-          label="Street"
-          bind={[street, setStreet]}
-        />
+        <TextInput label="Street" bind={[street, setStreet]} />
       </div>
       <div>
-        <TextInput
-          label="City" bind={[city, setCity]}
-        />
+        <TextInput label="City" bind={[city, setCity]} />
       </div>
       <div>
-        <TextInput
-          label="Postal Code" bind={[postcode, setPostcode]}
-        />
+        <TextInput label="Postal Code" bind={[postcode, setPostcode]} />
       </div>
       <div>
-        <TextInput
-          label="Country"
-          bind={[country, setCountry]}
-        />
+        <TextInput label="Country" bind={[country, setCountry]} />
       </div>
 
-      {configured.length > 0 && <section class="section">
-        <div class="block">
-          Your postal code:
-        </div><div class="block">
-          {configured.map((c, i) => {
-            return <div key={i} class="box" style={{ display: 'flex', justifyContent: 'space-between' }}>
-              <p style={{ marginBottom: 'auto', marginTop: 'auto' }}>{c.instructions}</p>
-              <div><button class="button is-danger" onClick={c.remove} >Delete</button></div>
-            </div>
-          })}
-        </div>
-      </section>}
-      <div style={{ marginTop: '2em', display: 'flex', justifyContent: 'space-between' }}>
-        <button class="button" onClick={cancel}>Cancel</button>
+      {configured.length > 0 && (
+        <section class="section">
+          <div class="block">Your postal code:</div>
+          <div class="block">
+            {configured.map((c, i) => {
+              return (
+                <div
+                  key={i}
+                  class="box"
+                  style={{ display: "flex", justifyContent: "space-between" }}
+                >
+                  <p style={{ marginBottom: "auto", marginTop: "auto" }}>
+                    {c.instructions}
+                  </p>
+                  <div>
+                    <button class="button is-danger" onClick={c.remove}>
+                      Delete
+                    </button>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </section>
+      )}
+      <div
+        style={{
+          marginTop: "2em",
+          display: "flex",
+          justifyContent: "space-between",
+        }}
+      >
+        <button class="button" onClick={cancel}>
+          Cancel
+        </button>
         <span data-tooltip={errors}>
-          <button class="button is-info" disabled={errors !== undefined} onClick={addPostAuth}>Add</button>
+          <button
+            class="button is-info"
+            disabled={errors !== undefined}
+            onClick={addPostAuth}
+          >
+            Add
+          </button>
         </span>
       </div>
     </AnastasisClientFrame>