Fix frontend build

hpicgs · Dec 9, 2024 · b3ab879 · b3ab879
1 parent 0f09e6b
commit b3ab879
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -2,6 +2,7 @@
   "name": "treemap-github-embedding",
   "version": "0.6.1",
   "private": "true",
+  "type": "module",
   "homepage": "https://hpicgs.github.io/github-software-analytics-embedding/",
   "scripts": {
     "build": "tsc --noEmit && vite build",

diff --git a/frontend/src/components/Repo.tsx b/frontend/src/components/Repo.tsx
@@ -26,6 +26,10 @@ interface RepoParams {
   repo: string;
 }
 
+interface BranchType {
+  name: string;
+}
+
 export default function Repo({ owner, repo }: RepoParams) {
   const [refs, setRefs] = useState<ListRefsResponseType>();
   const [branches, setBranches] = useState<ListBranchesResponseType>();
@@ -66,7 +70,7 @@ export default function Repo({ owner, repo }: RepoParams) {
             </TableHead>
             <TableBody>
               {branches &&
-                branches.data.map((branch) => (
+                branches.data.map((branch: BranchType) => (
                   <TableRow
                     key={branch.name}
                     sx={{ "&:last-child td, &:last-child th": { border: 0 } }}

diff --git a/frontend/src/components/RepoBreadcrumbs.tsx b/frontend/src/components/RepoBreadcrumbs.tsx
@@ -1,9 +1,10 @@
+import React from 'react';
 import { Box, Stack, Breadcrumbs, Link } from "@mui/material";
 import GitHubIcon from "@mui/icons-material/GitHub";
 import { Link as RouterLink } from "react-router-dom";
 
 interface RepoBreadcrumbsProps {
-  breadcrumbs: JSX.Element[];
+  breadcrumbs: React.ReactNode[];
 }
 
 export default function RepoBreadcrumbs({ breadcrumbs }: RepoBreadcrumbsProps) {

diff --git a/frontend/src/utils/github.ts b/frontend/src/utils/github.ts
@@ -51,7 +51,7 @@ export async function getMetricsBlob(
   return await Promise.all(
     files.map(async (file) => {
       const found_file = response.data.tree.find(
-        (object) => object.path == file
+        (object: { path: string }) => object.path == file
       );
 
       const file_sha = found_file?.sha;