diff --git a/src/Components/AppShell/Sitemap.tsx b/src/Components/AppShell/Sitemap.tsx new file mode 100644 index 00000000..df461d21 --- /dev/null +++ b/src/Components/AppShell/Sitemap.tsx @@ -0,0 +1,36 @@ +import { useEffect, useState } from 'react'; +import { useItems } from '../Map/hooks/useItems'; + +export const Sitemap = ({url}:{url:string}) => { + const [sitemap, setSitemap] = useState(''); + + const items = useItems(); + + useEffect(() => { + if (items.length) { + const generateSitemap = () => { + let sitemapXML = `\n`; + sitemapXML += `\n`; + + items.forEach(item => { + sitemapXML += ` \n`; + sitemapXML += ` ${url}/${item.slug}\n`; + sitemapXML += ` \n`; + }); + + sitemapXML += ``; + return sitemapXML; + }; + + setSitemap(generateSitemap()); + } + }, [items]); + + return ( +
+

Sitemap

+