Add data download, fix loading issue

components/ReportLoadingShade/ReportLoadingShade.tsx

@@ -3,14 +3,20 @@ import { usePathname } from "next/navigation"
 import React, { useEffect, useState } from "react"
 import Spinner from "components/Spinner"
 
+const DOWNLOAD_PATH_NAMES = [
+  "/data"
+]
+
 export const ReportLoadingShade: React.FC<{ forceLoading?: boolean }> = ({ forceLoading }) => {
   const pathname = usePathname()
   const [isLoading, setIsLoading] = useState(false)
 
   useEffect(() => setIsLoading(false), [pathname])
 
   useEffect(() => {
-    window.addEventListener("beforeunload", (_) => {
+    window.addEventListener("beforeunload", (e: any) => {
+      const destination = e.target.location.pathname
+      if (DOWNLOAD_PATH_NAMES.includes(destination)) return
       setIsLoading(true)
     })
   }, [])

public/content/page/data.mdx

@@ -8,6 +8,15 @@ sections:
       this project.
 
 
+      Download:
+
+
+      [CSV Data Download](/data/grocery-gap-atlas-data-august-2024.csv.zip)
+
+
+      [XLS Data Download](/data/grocery-gap-atlas-data-august-2024.xlsx)
+
+
       | Data                                                               |
       Source                                                                                                                                                         
       | Year      |