Merge pull request #63 from hytech-racing/preview-download-links

mapped download button over selectedData.mcap_files

.env

@@ -1 +1 @@
-VITE_API_URL=https://api-url:port
+VITE_API_URL=api-url:port

.gitignore

@@ -23,4 +23,8 @@ dist-ssr
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?
+
+.env
+.env.local
+.env.*

package.json

@@ -54,7 +54,7 @@
     "storybook": "^8.3.4",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.10"
+    "vite": "^5.4.11"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx}": [

src/components/PreviewCard.tsx

@@ -104,17 +104,20 @@ function PreviewCard({ selectedData }: PreviewCardProps) {
                   gap: "10px",
                 }}
               >
-                <DownloadButton
-                  buttonText="MCAP"
-                  //One file for now -- can make it dynamically read several files at a time
-                  fileName={selectedData.mcap_files[0].file_name}
-                  signedUrl={selectedData.mcap_files[0].signed_url ?? null}
-                />
-                <DownloadButton
-                  buttonText="MAT"
-                  fileName={selectedData.mat_files[0].file_name}
-                  signedUrl={selectedData.mat_files[0].signed_url}
-                />
+                {selectedData.mcap_files.map((item) => (
+                  <DownloadButton
+                    buttonText="MCAP"
+                    fileName={item.file_name}
+                    signedUrl={item.signed_url ?? null}
+                  />
+                ))}
+                {selectedData.mat_files.map((item) => (
+                  <DownloadButton
+                    buttonText="MAT"
+                    fileName={item.file_name}
+                    signedUrl={item.signed_url}
+                  />
+                ))}
               </div>
             </>
           ) : (