trying to fix typescript issues with permalinks

Author: msneubauer

astro.config.mjs

@@ -32,8 +32,6 @@ export default defineConfig({
 
   output: 'static',
 
-  site: 'https://github.com/a3d3-institute/hdr2024.github.io',
-
   integrations: [
     tailwind({
       applyBaseStyles: false,

node_modules/.vite/deps/_metadata.json

@@ -25,7 +25,7 @@ export interface Props {
   theme?: string;
 }
 
-const { socialLinks = [], theme = 'dark' } = Astro.props;
+const { socialLinks = [], links = [], secondaryLinks = [], theme = 'dark' } = Astro.props;
 ---
 <footer class:list={[{ dark: theme === 'dark' }, 'fixed bottom-0 left-0 z-20 w-full p-4 bg-no-repeat bg-transparent md:flex md:items-center md:justify-between md:p-6 dark:bg-transparent']}>
     <span class="text-sm text-gray-500 sm:text-left dark:text-gray-400">Supported by award XXXX from the National Science Foundation. Hosted by the A3D3 Institute and the Illinois HEP Group</span>

src/components/widgets/Footer.astro

@@ -67,5 +67,7 @@ export const footerData = {
   socialLinks: [
     { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/a3d3-institute/hdr2024.github.io'},
   ],
+  links: [],
+  secondaryLinks: [],
   theme: 'dark'
 };

src/navigation.js

@@ -41,7 +41,7 @@ export const getCanonical = (path = ''): string | URL => {
 /** */
 export const getPermalink = (slug = '', type = 'page'): string => {
   let permalink: string;
-
+  
   if (
     slug.startsWith('https://') ||
     slug.startsWith('http://') ||
@@ -104,28 +104,29 @@ export const getAsset = (path: string): string =>
 const definitivePermalink = (permalink: string): string => createPath(BASE_PATHNAME, permalink);
 
 /** */
-export const applyGetPermalinks = (menu: object = {}) => {
+export const applyGetPermalinks = (menu: object = {}): { [key: string]: any } => {
   if (Array.isArray(menu)) {
     return menu.map((item) => applyGetPermalinks(item));
   } else if (typeof menu === 'object' && menu !== null) {
-    const obj = {};
+    const obj: { [key: string]: any } = {};
     for (const key in menu) {
       if (key === 'href') {
-        if (typeof menu[key] === 'string') {
-          obj[key] = getPermalink(menu[key]);
-        } else if (typeof menu[key] === 'object') {
-          if (menu[key].type === 'home') {
-            obj[key] = getHomePermalink();
-          } else if (menu[key].type === 'blog') {
-            obj[key] = getBlogPermalink();
-          } else if (menu[key].type === 'asset') {
-            obj[key] = getAsset(menu[key].url);
-          } else if (menu[key].url) {
-            obj[key] = getPermalink(menu[key].url, menu[key].type);
-          }
-        }
+        if (typeof menu[key as keyof typeof menu] === 'string') {
+          obj[key] = getPermalink(menu[key as keyof typeof menu]);
+        } 
+        // else if (typeof menu[key as keyof typeof menu] === 'object') {
+        //   if (menu[key].type === 'home') {
+        //     obj[key] = getHomePermalink();
+        //   } else if (menu[key].type === 'blog') {
+        //     obj[key] = getBlogPermalink();
+        //   } else if (menu[key].type === 'asset') {
+        //     obj[key] = getAsset(menu[key].url);
+        //   } else if (menu[key].url) {
+        //     obj[key] = getPermalink(menu[key].url, menu[key].type);
+        //   }
+        // }
       } else {
-        obj[key] = applyGetPermalinks(menu[key]);
+        obj[key] = applyGetPermalinks(menu[key as keyof typeof menu]);
       }
     }
     return obj;