chore: prettier files

app/assets/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx

@@ -15,76 +15,72 @@ type Props = {
   onClickPreprocessing?: () => Promise<void>
 }
 
-export const NotesOptionsPanel = observer(
-  ({ application, appState, onClickPreprocessing }: Props) => {
-    const [open, setOpen] = useState(false)
-    const [position, setPosition] = useState({
-      top: 0,
-      right: 0,
-    })
-    const [maxHeight, setMaxHeight] = useState<number | 'auto'>('auto')
-    const buttonRef = useRef<HTMLButtonElement>(null)
-    const panelRef = useRef<HTMLDivElement>(null)
-    const [closeOnBlur] = useCloseOnBlur(panelRef, setOpen)
+export const NotesOptionsPanel = observer(({ application, appState, onClickPreprocessing }: Props) => {
+  const [open, setOpen] = useState(false)
+  const [position, setPosition] = useState({
+    top: 0,
+    right: 0,
+  })
+  const [maxHeight, setMaxHeight] = useState<number | 'auto'>('auto')
+  const buttonRef = useRef<HTMLButtonElement>(null)
+  const panelRef = useRef<HTMLDivElement>(null)
+  const [closeOnBlur] = useCloseOnBlur(panelRef, setOpen)
 
-    return (
-      <Disclosure
-        open={open}
-        onChange={async () => {
-          const rect = buttonRef.current?.getBoundingClientRect()
-          if (rect) {
-            const { clientHeight } = document.documentElement
-            const footerElementRect = document.getElementById('footer-bar')?.getBoundingClientRect()
-            const footerHeightInPx = footerElementRect?.height
-            if (footerHeightInPx) {
-              setMaxHeight(clientHeight - rect.bottom - footerHeightInPx - 2)
-            }
-            setPosition({
-              top: rect.bottom,
-              right: document.body.clientWidth - rect.right,
-            })
-            const newOpenState = !open
-            if (newOpenState && onClickPreprocessing) {
-              await onClickPreprocessing()
-            }
-            setOpen(newOpenState)
+  return (
+    <Disclosure
+      open={open}
+      onChange={async () => {
+        const rect = buttonRef.current?.getBoundingClientRect()
+        if (rect) {
+          const { clientHeight } = document.documentElement
+          const footerElementRect = document.getElementById('footer-bar')?.getBoundingClientRect()
+          const footerHeightInPx = footerElementRect?.height
+          if (footerHeightInPx) {
+            setMaxHeight(clientHeight - rect.bottom - footerHeightInPx - 2)
+          }
+          setPosition({
+            top: rect.bottom,
+            right: document.body.clientWidth - rect.right,
+          })
+          const newOpenState = !open
+          if (newOpenState && onClickPreprocessing) {
+            await onClickPreprocessing()
+          }
+          setOpen(newOpenState)
+        }
+      }}
+    >
+      <DisclosureButton
+        onKeyDown={(event) => {
+          if (event.key === 'Escape') {
+            setOpen(false)
           }
         }}
+        onBlur={closeOnBlur}
+        ref={buttonRef}
+        className="sn-icon-button border-contrast"
       >
-        <DisclosureButton
-          onKeyDown={(event) => {
-            if (event.key === 'Escape') {
-              setOpen(false)
-            }
-          }}
-          onBlur={closeOnBlur}
-          ref={buttonRef}
-          className="sn-icon-button border-contrast"
-        >
-          <VisuallyHidden>Actions</VisuallyHidden>
-          <Icon type="more" className="block" />
-        </DisclosureButton>
-        <DisclosurePanel
-          onKeyDown={(event) => {
-            if (event.key === 'Escape') {
-              setOpen(false)
-              buttonRef.current?.focus()
-            }
-          }}
-          ref={panelRef}
-          style={{
-            ...position,
-            maxHeight,
-          }}
-          className="sn-dropdown sn-dropdown--animated min-w-80 max-h-120 max-w-xs flex flex-col pt-2 overflow-y-auto fixed"
-          onBlur={closeOnBlur}
-          tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
-        >
-          {open && (
-            <NotesOptions application={application} appState={appState} closeOnBlur={closeOnBlur} />
-          )}
-        </DisclosurePanel>
-      </Disclosure>
-    )
-  },
-)
+        <VisuallyHidden>Actions</VisuallyHidden>
+        <Icon type="more" className="block" />
+      </DisclosureButton>
+      <DisclosurePanel
+        onKeyDown={(event) => {
+          if (event.key === 'Escape') {
+            setOpen(false)
+            buttonRef.current?.focus()
+          }
+        }}
+        ref={panelRef}
+        style={{
+          ...position,
+          maxHeight,
+        }}
+        className="sn-dropdown sn-dropdown--animated min-w-80 max-h-120 max-w-xs flex flex-col pt-2 overflow-y-auto fixed"
+        onBlur={closeOnBlur}
+        tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
+      >
+        {open && <NotesOptions application={application} appState={appState} closeOnBlur={closeOnBlur} />}
+      </DisclosurePanel>
+    </Disclosure>
+  )
+})