fix: minor formatting

Author: ZanzyTHEbar

GUI/ETVR/src/components/header/CustomPopover/index.tsx

@@ -1,11 +1,9 @@
 import { Image, Popover } from '@kobalte/core'
-import { Link /* , useLocation */ } from '@solidjs/router'
 import { createSignal, createEffect, Show, onMount } from 'solid-js'
 
 export interface ICustomPopover {
     icon: string
     id: string
-    path: string
     popoverContent?: string
     disablePopover?: boolean
     onClick?: () => void
@@ -42,19 +40,17 @@ export const CustomPopover = (props: ICustomPopover) => {
     return (
         <div class="group relative inline-flex" onClick={() => props.onClick?.()}>
             <Popover.Root isOpen={open()}>
-                <Link href={props.path} id={props.id} class="no-underline">
-                    <Popover.Trigger class="rounded-[8px] pl-[1.5rem] pr-[1.5rem] focus:bg-[#252536] hover:bg-[#252536] outline-none">
-                        <Image.Root>
-                            <Image.Img
-                                src={props.icon}
-                                alt="logo"
-                                width="20px"
-                                height="35px"
-                                class="pt-1 pb-1"
-                            />
-                        </Image.Root>
-                    </Popover.Trigger>
-                </Link>
+                <Popover.Trigger class="rounded-[8px] pl-[1.5rem] pr-[1.5rem] focus:bg-[#252536] hover:bg-[#252536]">
+                    <Image.Root>
+                        <Image.Img
+                            src={props.icon}
+                            alt="logo"
+                            width="20px"
+                            height="35px"
+                            class="pt-1 pb-1"
+                        />
+                    </Image.Root>
+                </Popover.Trigger>
                 <Show when={!props.disablePopover}>
                     <Popover.Portal>
                         <Popover.Content class="popover__content">

GUI/ETVR/src/components/header/index.tsx

@@ -1,6 +1,7 @@
+import { Link } from '@solidjs/router'
 import { CustomPopover } from './CustomPopover'
 import { Logo } from './Logo'
-import icons from '@assets/images/index'
+import icons from '@assets/images'
 import './styles.css'
 
 interface Iprops {
@@ -17,18 +18,20 @@ export default function Header(props: Iprops) {
                 <div class="flex h-[55%] content-center mt-[5px]">
                     <div class="flex grow justify-center border-none shadow-lg items-center content-center leading-5 font-sans font-medium text-[.75rem] rounded-[15px] h-[100%] w-[100%] bg-[#0e0e0e] text-[#5f5f5f]">
                         <div class="flex grow content-center justify-between h-[100%] leading-5 font-sans font-medium rounded-[14px] pl-[5px] pr-[5px] pt-[5px] bg-[#0e0e0e] w-[145px]">
-                            <CustomPopover
-                                id="tracker-manager-popover"
-                                icon={icons.cameraSolid}
-                                path="/"
-                                popoverContent="Tracker manager"
-                            />
-                            <CustomPopover
-                                id="settings-popover"
-                                path="/settings"
-                                icon={icons.gearSolid}
-                                popoverContent="Settings"
-                            />
+                            <Link href="/" id="tracker-manager-popover" class="no-underline">
+                                <CustomPopover
+                                    id="tracker-manager-popover"
+                                    icon={icons.cameraSolid}
+                                    popoverContent="Tracker manager"
+                                />
+                            </Link>
+                            <Link href="/settings" id="settings-popover" class="no-underline">
+                                <CustomPopover
+                                    id="settings-popover"
+                                    icon={icons.gearSolid}
+                                    popoverContent="Settings"
+                                />
+                            </Link>
                         </div>
                     </div>
                 </div>