Merge branch 'main' into rvinnakota/ai-conf-repos

codecov.yml

@@ -49,6 +49,8 @@ ignore:
   - './src/**/*.svg'
   - './src/**/*.png'
   - './src/**/*.jpg'
+  - ./src/**/*.mocks.js
+  - ./src/**/*.mocks.ts
 
 component_management:
   default_rules:

package.json

@@ -60,7 +60,7 @@
     "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.1.2",
-    "@sentry/react": "^8.24.0",
+    "@sentry/react": "^8.32.0",
     "@stripe/react-stripe-js": "^2.7.1",
     "@stripe/stripe-js": "^3.4.0",
     "@tanstack/react-query": "^4.29.5",
@@ -178,7 +178,7 @@
     "storybook": "^8.2.6",
     "tailwindcss": "^3.4.4",
     "typescript": "^4.9.5",
-    "vite": "^5.4.1",
+    "vite": "^5.4.8",
     "vite-plugin-ejs": "^1.7.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1",
@@ -211,7 +211,10 @@
   "resolutions": {
     "react-refresh": "^0.14.0",
     "resolve-url-loader/postcss": "8.4.31",
-    "micromatch": "^4.0.8"
+    "micromatch": "^4.0.8",
+    "express": "^4.21.0",
+    "path-to-regexp@^1.7.0": "^1.9.0",
+    "path-to-regexp@^6.2.0": "^6.3.0"
   },
   "packageManager": "yarn@4.5.0",
   "engineStrict": false

src/pages/CommitDetailPage/CommitCoverage/UploadsCard/Upload.jsx

@@ -35,7 +35,7 @@ const Upload = ({
   return (
     <div className="flex flex-col gap-1 border-r border-ds-gray-secondary px-4 py-2">
       <div className="flex justify-between ">
-        <div className="flex flex-1 flex-wrap items-center">
+        <div className="flex flex-1 flex-wrap items-center gap-2">
           <Checkbox
             checked={checked}
             dataMarketing="toggle-upload-hit-count"

src/pages/CommitDetailPage/CommitCoverage/UploadsCard/useUploads/useUploads.spec.tsx → src/pages/CommitDetailPage/CommitCoverage/UploadsCard/useUploads/useUploads.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql, RequestHandler } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse, RequestHandler } from 'msw2'
+import { setupServer } from 'msw2/node'
 import React from 'react'
 import { MemoryRouter, Route } from 'react-router-dom'
 
@@ -62,16 +62,15 @@ describe('useUploads', () => {
     server.use(query, compareTotalsEmpty)
 
     server.use(
-      graphql.query('OwnerTier', (req, res, ctx) => {
-        return res(
-          ctx.status(200),
-          ctx.data({
+      graphql.query('OwnerTier', (info) => {
+        return HttpResponse.json({
+          data: {
             owner: { plan: { tierName: tierValue } },
-          })
-        )
+          },
+        })
       }),
-      graphql.query('GetRepoOverview', (req, res, ctx) => {
-        return res(ctx.status(200), ctx.data(mockOverview))
+      graphql.query('GetRepoOverview', (info) => {
+        return HttpResponse.json({ data: mockOverview })
       })
     )
   }