diff --git a/apps/landing/src/contexts/page-context.tsx b/apps/landing/src/contexts/page-context.tsx index 045d5f0..f513531 100644 --- a/apps/landing/src/contexts/page-context.tsx +++ b/apps/landing/src/contexts/page-context.tsx @@ -34,12 +34,7 @@ export const usePageContext = () => { return context; }; -export const PageProvider = ({ - navItems, - currentPath, - rightSlot, - children, -}: PageProviderProps) => { +export const PageProvider = ({ navItems, currentPath, rightSlot, children }: PageProviderProps) => { const [isOpen, setIsOpen] = useState(false); const [modalContent, setModalContent] = useState(null); const pathname = usePathname(); @@ -90,7 +85,7 @@ export const PageProvider = ({ if (!modalElement) return; const focusableElements = modalElement.querySelectorAll( - 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])' + 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', ); if (focusableElements.length === 0) return; @@ -113,7 +108,9 @@ export const PageProvider = ({ useEffect(() => { if (isOpen) { - const closeButton = document.querySelector('[data-modal-overlay] button[aria-label="Close fullscreen view"]') as HTMLElement; + const closeButton = document.querySelector( + '[data-modal-overlay] button[aria-label="Close fullscreen view"]', + ) as HTMLElement; if (closeButton) { closeButton.focus(); } @@ -124,7 +121,7 @@ export const PageProvider = ({ return ( -
+
{children}
@@ -156,12 +153,7 @@ export const PageProvider = ({ className="w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white/10 hover:bg-white/20 text-white flex items-center justify-center transition-colors focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black/90" aria-label="Close fullscreen view" > - +