Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Separate header render from main app #3401

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Conversation

suejung-sentry
Copy link
Contributor

@suejung-sentry suejung-sentry commented Oct 16, 2024

Our main BaseLayout has an ErrorBoundary and Suspense wrapper for all the react-query suspense: true calls in all the components children of our main app. If there is an error in any of those, it bubbles up the tree and displays the specified error fallback (e.g., upside down umbrella) instead of anything in that tree.
So in this PR, moving over the Header and Global Top Banners to their own separate suspsense/errorBoundary wrapper, so that tree renders where possible, independent of any error in the main app tree.

Closes codecov/engineering-team#2460

@codecov-staging
Copy link

codecov-staging bot commented Oct 16, 2024

Bundle Report

Changes will increase total bundle size by 82 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
gazebo-staging-system-esm 5.55MB 69 bytes (0.0%) ⬆️
gazebo-staging-system 5.5MB 13 bytes (0.0%) ⬆️

@codecov-qa
Copy link

codecov-qa bot commented Oct 16, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 99.15%. Comparing base (ebbfd96) to head (7d96758).

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #3401   +/-   ##
=======================================
  Coverage   99.15%   99.15%           
=======================================
  Files         809      809           
  Lines       14275    14275           
  Branches     3935     3934    -1     
=======================================
  Hits        14154    14154           
  Misses        112      112           
  Partials        9        9           
Files with missing lines Coverage Δ
src/layouts/BaseLayout/BaseLayout.tsx 100.00% <100.00%> (ø)
src/layouts/shared/ErrorBoundary/ErrorBoundary.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 100.00% <100.00%> (ø)
Pages 98.89% <ø> (ø)
Services 99.45% <ø> (ø)
Shared 99.80% <ø> (ø)
UI 99.06% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ebbfd96...7d96758. Read the comment docs.

Copy link

codecov-public-qa bot commented Oct 16, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 99.15%. Comparing base (ebbfd96) to head (7d96758).

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #3401   +/-   ##
=======================================
  Coverage   99.15%   99.15%           
=======================================
  Files         809      809           
  Lines       14275    14275           
  Branches     3935     3941    +6     
=======================================
  Hits        14154    14154           
  Misses        112      112           
  Partials        9        9           
Files Coverage Δ
src/layouts/BaseLayout/BaseLayout.tsx 100.00% <100.00%> (ø)
src/layouts/shared/ErrorBoundary/ErrorBoundary.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 100.00% <100.00%> (ø)
Pages 98.89% <ø> (ø)
Services 99.45% <ø> (ø)
Shared 99.80% <ø> (ø)
UI 99.06% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ebbfd96...7d96758. Read the comment docs.

@codecov-notifications
Copy link

codecov-notifications bot commented Oct 16, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #3401   +/-   ##
=======================================
  Coverage   99.15%   99.15%           
=======================================
  Files         809      809           
  Lines       14275    14275           
  Branches     3935     3934    -1     
=======================================
  Hits        14154    14154           
  Misses        112      112           
  Partials        9        9           
Files with missing lines Coverage Δ
src/layouts/BaseLayout/BaseLayout.tsx 100.00% <100.00%> (ø)
src/layouts/shared/ErrorBoundary/ErrorBoundary.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 100.00% <100.00%> (ø)
Pages 98.89% <ø> (ø)
Services 99.45% <ø> (ø)
Shared 99.80% <ø> (ø)
UI 99.06% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ebbfd96...7d96758. Read the comment docs.

Copy link

codecov bot commented Oct 16, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 99.15%. Comparing base (ebbfd96) to head (7d96758).

✅ All tests successful. No failed tests found.

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #3401   +/-   ##
=======================================
  Coverage   99.15%   99.15%           
=======================================
  Files         809      809           
  Lines       14275    14275           
  Branches     3942     3941    -1     
=======================================
  Hits        14154    14154           
  Misses        112      112           
  Partials        9        9           
Files with missing lines Coverage Δ
src/layouts/BaseLayout/BaseLayout.tsx 100.00% <100.00%> (ø)
src/layouts/shared/ErrorBoundary/ErrorBoundary.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 100.00% <100.00%> (ø)
Pages 98.89% <ø> (ø)
Services 99.45% <ø> (ø)
Shared 99.80% <ø> (ø)
UI 99.06% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ebbfd96...7d96758. Read the comment docs.

Copy link

codecov bot commented Oct 16, 2024

Bundle Report

Changes will increase total bundle size by 82 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
gazebo-production-system 5.5MB 13 bytes (0.0%) ⬆️
gazebo-production-system-esm 5.55MB 69 bytes (0.0%) ⬆️

@codecov-releaser
Copy link
Contributor

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Storybook

Commit Created Cloud Enterprise
7d96758 Tue, 22 Oct 2024 01:47:17 GMT Cloud Enterprise

@suejung-sentry suejung-sentry marked this pull request as ready for review October 22, 2024 01:50
@@ -1,20 +1,20 @@
import * as Sentry from '@sentry/browser'
import { render, screen } from '@testing-library/react'
import { MemoryRouter, Route } from 'react-router-dom'
import { vi } from 'vitest'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the changes in this file are to convert to TS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Okta auth banner not appearing
2 participants