From b52a38369182a72adf568962ca36eab4674630bd Mon Sep 17 00:00:00 2001
From: Jason Hall <jdhall75@gmail.com>
Date: Thu, 25 Sep 2025 23:29:18 -0400
Subject: [PATCH] fixes formatting

---
 .../ui/components/looking-glass-form.tsx      | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/hyperglass/ui/components/looking-glass-form.tsx b/hyperglass/ui/components/looking-glass-form.tsx
index 334795a..2da4633 100644
--- a/hyperglass/ui/components/looking-glass-form.tsx
+++ b/hyperglass/ui/components/looking-glass-form.tsx
@@ -78,17 +78,14 @@ export const LookingGlassForm = (): JSX.Element => {
     [],
   );
 
-  const directive = useMemo<Directive | null>(
-    () => {
-      const tmp = getDirective();
-      if (tmp !== null && tmp.fieldType === null) {
-        setFormValue('queryTarget', ['null']);
-        setValue('queryTarget', ['null']);
-      }
-      return tmp;
-    },
-    [form.queryType, form.queryLocation, getDirective],
-  );
+  const directive = useMemo<Directive | null>(() => {
+    const tmp = getDirective();
+    if (tmp !== null && tmp.fieldType === null) {
+      setFormValue('queryTarget', ['null']);
+      setValue('queryTarget', ['null']);
+    }
+    return tmp;
+  }, [form.queryType, form.queryLocation, getDirective]);
 
   function submitHandler(): void {
     if (process.env.NODE_ENV === 'development') {
@@ -207,7 +204,11 @@ export const LookingGlassForm = (): JSX.Element => {
               <QueryType onChange={handleChange} label={web.text.queryType} />
             </FormField>
           </SlideFade>
-          <SlideFade offsetX={100} in={directive !== null && directive.fieldType !== null} unmountOnExit>
+          <SlideFade
+            offsetX={100}
+            in={directive !== null && directive.fieldType !== null}
+            unmountOnExit
+          >
             {directive !== null && (
               <FormField name="queryTarget" label={web.text.queryTarget}>
                 <QueryTarget