linter

frontend/src/components/common/Tooltip/Tooltip.interface.ts

@@ -1,3 +1,3 @@
 export interface TooltipProps {
- tooltipText: string;
-}
+  tooltipText: string;
+}

frontend/src/components/common/Tooltip/Tooltip.tsx

@@ -1,38 +1,35 @@
 'use client';
-import {FC, PropsWithChildren, useState} from 'react';
-import { Popover, Transition } from '@headlessui/react'
-import {TooltipProps} from "./Tooltip.interface";
+import { FC, PropsWithChildren, useState } from 'react';
+import { Popover, Transition } from '@headlessui/react';
+import { TooltipProps } from './Tooltip.interface';
+
+export const TooltipPopover: FC<PropsWithChildren<TooltipProps>> = ({ tooltipText, children }) => {
+  const [open, setOpen] = useState(false);
 
-export const TooltipPopover: FC<PropsWithChildren<TooltipProps>> = ({tooltipText, children}) => {
-  const [open, setOpen] = useState(false)
   return (
-      <Popover className="relative">
-        <Popover.Button
-            onMouseEnter={() => setOpen(true)}
-            onMouseLeave={() => setOpen(false)}
-            className="focus:outline-none"
-        >
-          {children}
-        </Popover.Button>
-        <Transition
-            show={open}
-            enter="transition duration-100 ease-out"
-            enterFrom="transform scale-95 opacity-0"
-            enterTo="transform scale-100 opacity-100"
-            leave="transition duration-75 ease-out"
-            leaveFrom="transform scale-100 opacity-100"
-            leaveTo="transform scale-95 opacity-0"
-        >
-          <Popover.Panel
-              static
-              transition
-              className={`absolute w-screen max-w-max z-10 bg-grey-800 px-3 py-2 rounded`}
-          >
-            <div className="shadow-lg max-w-[480px] text-sm text-white">
-              <p>{tooltipText}</p>
-            </div>
-          </Popover.Panel>
-        </Transition>
-      </Popover>
-);
+    <Popover className="relative">
+      <Popover.Button
+        onMouseEnter={() => setOpen(true)}
+        onMouseLeave={() => setOpen(false)}
+        className="focus:outline-none"
+      >
+        {children}
+      </Popover.Button>
+      <Transition
+        show={open}
+        enter="transition duration-100 ease-out"
+        enterFrom="transform scale-95 opacity-0"
+        enterTo="transform scale-100 opacity-100"
+        leave="transition duration-75 ease-out"
+        leaveFrom="transform scale-100 opacity-100"
+        leaveTo="transform scale-95 opacity-0"
+      >
+        <Popover.Panel static transition className={`absolute z-10 w-screen max-w-max rounded bg-grey-800 px-3 py-2`}>
+          <div className="max-w-[480px] text-sm text-white shadow-lg">
+            <p>{tooltipText}</p>
+          </div>
+        </Popover.Panel>
+      </Transition>
+    </Popover>
+  );
 };

frontend/src/components/common/Tooltip/index.ts

@@ -1 +1 @@
-export {TooltipPopover as Tooltip} from './Tooltip';
+export { TooltipPopover as Tooltip } from './Tooltip';