fix build errors

Vizzuality · Jun 28, 2023 · 82fc8ed · 82fc8ed · vercel · Jun 28, 2023
1 parent 33e9b06
commit 82fc8ed
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/client/src/containers/navigation/error/component.tsx b/client/src/containers/navigation/error/component.tsx
@@ -9,7 +9,7 @@ const NavigationError: React.FC<NavigationProps> = ({ items }: NavigationProps)
           href={item.href}
           className="flex flex-col items-center w-full p-3 text-xs font-medium text-green-800 rounded-md hover:bg-green-800 hover:text-white"
         >
-          <item.icon className="w-6 h-6" aria-hidden="true" />
+          <item.icon.default className="w-6 h-6" aria-hidden="true" />
           <span className="mt-2">{item.name}</span>
         </a>
       ))}

diff --git a/client/src/containers/navigation/mobile/component.tsx b/client/src/containers/navigation/mobile/component.tsx
@@ -9,7 +9,7 @@ const MobileNavigation = ({ items }: NavigationProps) => (
           href={item.href}
           className="group p-2 rounded-md flex items-center text-base font-medium text-white hover:bg-green-600"
         >
-          <item.icon className="mr-4 h-6 w-6 text-white" aria-hidden="true" />
+          <item.icon.default className="mr-4 h-6 w-6 text-white" aria-hidden="true" />
           {item.name}
         </a>
       ))}

diff --git a/client/src/containers/navigation/types.d.ts b/client/src/containers/navigation/types.d.ts
@@ -1,7 +1,7 @@
 export type NavigationItem = {
   name: string;
   href: string;
-  icon: { default: typeof JSX.Element; active: typeof JSX.Element };
+  icon: { default: typeof JSX.Element; active?: typeof JSX.Element };
   disabled?: boolean;
 };
 

diff --git a/client/src/pages/404.tsx b/client/src/pages/404.tsx
@@ -14,9 +14,9 @@ import Logo from 'containers/logo';
 import type { NavigationList } from 'containers/navigation/types';
 
 const navigationItems: NavigationList = [
-  { name: 'Analysis', href: '/analysis', icon: CollectionIcon },
-  { name: 'Admin', href: '#', icon: CogIcon },
-  { name: 'Help', href: '#', icon: QuestionMarkCircleIcon },
+  { name: 'Analysis', href: '/analysis', icon: { default: CollectionIcon } },
+  { name: 'Admin', href: '#', icon: { default: CogIcon } },
+  { name: 'Help', href: '#', icon: { default: QuestionMarkCircleIcon } },
 ];
 
 const Page404: React.FC = () => {

diff --git a/client/src/pages/_error.tsx b/client/src/pages/_error.tsx
@@ -9,7 +9,9 @@ import { Button } from 'components/button';
 
 import type { NavigationList } from 'containers/navigation/types';
 
-const navigationItems: NavigationList = [{ name: 'Help', href: '#', icon: QuestionMarkCircleIcon }];
+const navigationItems: NavigationList = [
+  { name: 'Help', href: '#', icon: { default: QuestionMarkCircleIcon } },
+];
 
 const Page500: React.FC = () => {
   const route = useRouter();