From a62deeef5d0cbe5fa98be390eac0e03bcae0f0b5 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Wed, 10 Nov 2021 10:20:52 -0300
Subject: prettier

---
 .../src/pages/home/EditPoliciesScreen.tsx          | 200 +++++++++++++--------
 1 file changed, 122 insertions(+), 78 deletions(-)

(limited to 'packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx')

diff --git a/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx b/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx
index 85cc96c46..198209399 100644
--- a/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx
+++ b/packages/anastasis-webui/src/pages/home/EditPoliciesScreen.tsx
@@ -20,7 +20,6 @@ interface Props {
   index: number;
   cancel: () => void;
   confirm: (changes: MethodProvider[]) => void;
-
 }
 
 export interface MethodProvider {
@@ -28,106 +27,151 @@ export interface MethodProvider {
   provider: string;
 }
 
-export function EditPoliciesScreen({ index: policy_index, cancel, confirm }: Props): VNode {
-  const [changedProvider, setChangedProvider] = useState<Array<string>>([])
+export function EditPoliciesScreen({
+  index: policy_index,
+  cancel,
+  confirm,
+}: Props): VNode {
+  const [changedProvider, setChangedProvider] = useState<Array<string>>([]);
 
-  const reducer = useAnastasisContext()
+  const reducer = useAnastasisContext();
   if (!reducer) {
-    return <div>no reducer in context</div>
+    return <div>no reducer in context</div>;
   }
-  if (!reducer.currentReducerState || reducer.currentReducerState.backup_state === undefined) {
-    return <div>invalid state</div>
+  if (
+    !reducer.currentReducerState ||
+    reducer.currentReducerState.backup_state === undefined
+  ) {
+    return <div>invalid state</div>;
   }
 
-  const selectableProviders: ProviderInfoByType = {}
-  const allProviders = Object.entries(reducer.currentReducerState.authentication_providers || {})
+  const selectableProviders: ProviderInfoByType = {};
+  const allProviders = Object.entries(
+    reducer.currentReducerState.authentication_providers || {},
+  );
   for (let index = 0; index < allProviders.length; index++) {
-    const [url, status] = allProviders[index]
+    const [url, status] = allProviders[index];
     if ("methods" in status) {
-      status.methods.map(m => {
-        const type: KnownAuthMethods = m.type as KnownAuthMethods
-        const values = selectableProviders[type] || []
-        const isFree = !m.usage_fee || m.usage_fee.endsWith(":0")
-        values.push({ url, cost: m.usage_fee, isFree })
-        selectableProviders[type] = values
-      })
+      status.methods.map((m) => {
+        const type: KnownAuthMethods = m.type as KnownAuthMethods;
+        const values = selectableProviders[type] || [];
+        const isFree = !m.usage_fee || m.usage_fee.endsWith(":0");
+        values.push({ url, cost: m.usage_fee, isFree });
+        selectableProviders[type] = values;
+      });
     }
   }
 
-  const allAuthMethods = reducer.currentReducerState.authentication_methods ?? [];
+  const allAuthMethods =
+    reducer.currentReducerState.authentication_methods ?? [];
   const policies = reducer.currentReducerState.policies ?? [];
-  const policy = policies[policy_index]
-  
-  for(let method_index = 0; method_index < allAuthMethods.length; method_index++ ) {
-    policy?.methods.find(m => m.authentication_method === method_index)?.provider
+  const policy = policies[policy_index];
+
+  for (
+    let method_index = 0;
+    method_index < allAuthMethods.length;
+    method_index++
+  ) {
+    policy?.methods.find((m) => m.authentication_method === method_index)
+      ?.provider;
   }
 
   function sendChanges(): void {
-    const newMethods: MethodProvider[] = []
+    const newMethods: MethodProvider[] = [];
     allAuthMethods.forEach((method, index) => {
-      const oldValue = policy?.methods.find(m => m.authentication_method === index)
+      const oldValue = policy?.methods.find(
+        (m) => m.authentication_method === index,
+      );
       if (changedProvider[index] === undefined && oldValue !== undefined) {
-        newMethods.push(oldValue)
+        newMethods.push(oldValue);
       }
-      if (changedProvider[index] !== undefined && changedProvider[index] !== "") {
+      if (
+        changedProvider[index] !== undefined &&
+        changedProvider[index] !== ""
+      ) {
         newMethods.push({
           authentication_method: index,
-          provider: changedProvider[index]
-        })
+          provider: changedProvider[index],
+        });
       }
-    })
-    confirm(newMethods)
+    });
+    confirm(newMethods);
   }
 
-  return <AnastasisClientFrame hideNav title={!policy ? "Backup: New Policy" : "Backup: Edit Policy"}>
-    <section class="section">
-      {!policy ? <p>
-        Creating a new policy #{policy_index}
-      </p> : <p>
-        Editing policy #{policy_index}
-      </p>}
-      {allAuthMethods.map((method, index) => {
-        //take the url from the updated change or from the policy
-        const providerURL = changedProvider[index] === undefined ? 
-          policy?.methods.find(m => m.authentication_method === index)?.provider : 
-          changedProvider[index];
+  return (
+    <AnastasisClientFrame
+      hideNav
+      title={!policy ? "Backup: New Policy" : "Backup: Edit Policy"}
+    >
+      <section class="section">
+        {!policy ? (
+          <p>Creating a new policy #{policy_index}</p>
+        ) : (
+          <p>Editing policy #{policy_index}</p>
+        )}
+        {allAuthMethods.map((method, index) => {
+          //take the url from the updated change or from the policy
+          const providerURL =
+            changedProvider[index] === undefined
+              ? policy?.methods.find((m) => m.authentication_method === index)
+                  ?.provider
+              : changedProvider[index];
 
-        const type: KnownAuthMethods = method.type as KnownAuthMethods
-        function changeProviderTo(url: string): void {
-          const copy = [...changedProvider]
-          copy[index] = url
-          setChangedProvider(copy)
-        }
-        return (
-          <div key={index} class="block" style={{ display: 'flex', alignItems: 'center' }}>
-            <span class="icon">
-              {authMethods[type]?.icon}
-            </span>
-            <span>
-              {method.instructions}
-            </span>
-            <span>
-              <span class="select " >
-                <select onChange={(e) => changeProviderTo(e.currentTarget.value)} value={providerURL ?? ""}>
-                  <option key="none" value=""> &lt;&lt; off &gt;&gt; </option>
-                  {selectableProviders[type]?.map(prov => (
-                    <option key={prov.url} value={prov.url}>
-                      {prov.url}
+          const type: KnownAuthMethods = method.type as KnownAuthMethods;
+          function changeProviderTo(url: string): void {
+            const copy = [...changedProvider];
+            copy[index] = url;
+            setChangedProvider(copy);
+          }
+          return (
+            <div
+              key={index}
+              class="block"
+              style={{ display: "flex", alignItems: "center" }}
+            >
+              <span class="icon">{authMethods[type]?.icon}</span>
+              <span>{method.instructions}</span>
+              <span>
+                <span class="select ">
+                  <select
+                    onChange={(e) => changeProviderTo(e.currentTarget.value)}
+                    value={providerURL ?? ""}
+                  >
+                    <option key="none" value="">
+                      {" "}
+                      &lt;&lt; off &gt;&gt;{" "}
                     </option>
-                  ))}
-                </select>
+                    {selectableProviders[type]?.map((prov) => (
+                      <option key={prov.url} value={prov.url}>
+                        {prov.url}
+                      </option>
+                    ))}
+                  </select>
+                </span>
               </span>
-            </span>
-          </div>
-        );
-      })}
-      <div style={{ marginTop: '2em', display: 'flex', justifyContent: 'space-between' }}>
-        <button class="button" onClick={cancel}>Cancel</button>
-        <span class="buttons">
-          <button class="button" onClick={() => setChangedProvider([])}>Reset</button>
-          <button class="button is-info" onClick={sendChanges}>Confirm</button>
-        </span>
-      </div>
-    </section>
-  </AnastasisClientFrame>
+            </div>
+          );
+        })}
+        <div
+          style={{
+            marginTop: "2em",
+            display: "flex",
+            justifyContent: "space-between",
+          }}
+        >
+          <button class="button" onClick={cancel}>
+            Cancel
+          </button>
+          <span class="buttons">
+            <button class="button" onClick={() => setChangedProvider([])}>
+              Reset
+            </button>
+            <button class="button is-info" onClick={sendChanges}>
+              Confirm
+            </button>
+          </span>
+        </div>
+      </section>
+    </AnastasisClientFrame>
+  );
 }
-- 
cgit v1.2.3

