Use show instead of whatever I was doing before

upryzing · Dec 12, 2024 · ed87966 · ed87966
1 parent 4118291
commit ed87966
Showing 1 changed file with 27 additions and 25 deletions.
diff --git a/packages/client/components/auth/src/flows/Form.tsx b/packages/client/components/auth/src/flows/Form.tsx
@@ -91,31 +91,33 @@ export function Fields(props: FieldProps) {
 
   return (
     <For each={props.fields}>
-      {(field) => (field != "invite" || inviteCodeNeeded) && (
-        <FormGroup>
-          {field === "log-out" ? (
-            <label class={labelRow()}>
-              <Checkbox name="log-out" />
-              <Typography variant="label">
-                {fieldConfiguration["log-out"].name()}
-              </Typography>
-            </label>
-          ) : (
-            <>
-              <Typography variant="label">
-                {fieldConfiguration[field].name()}
-              </Typography>
-              <Input
-                required
-                {...fieldConfiguration[field]}
-                name={field}
-                placeholder={fieldConfiguration[field].placeholder()}
-                submissionTried={failedValidation()}
-                onInvalid={onInvalid}
-              />
-            </>
-          )}
-        </FormGroup>
+      {(field) => (
+        <Show when={field != "invite" || inviteCodeNeeded}>
+          <FormGroup>
+            {field === "log-out" ? (
+              <label class={labelRow()}>
+                <Checkbox name="log-out" />
+                <Typography variant="label">
+                  {fieldConfiguration["log-out"].name()}
+                </Typography>
+              </label>
+            ) : (
+              <>
+                <Typography variant="label">
+                  {fieldConfiguration[field].name()}
+                </Typography>
+                <Input
+                  required
+                  {...fieldConfiguration[field]}
+                  name={field}
+                  placeholder={fieldConfiguration[field].placeholder()}
+                  submissionTried={failedValidation()}
+                  onInvalid={onInvalid}
+                />
+              </>
+            )}
+          </FormGroup>
+        </Show>
       )}
     </For>
   );