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

feat: Add img component for light and dark src #3675

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

Conversation

calvin-codecov
Copy link
Contributor

Description

Closes codecov/engineering-team#2812

Code Example

Notable Changes

Screenshots

Link to Sample Entry

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. In 2022 this entity acquired Codecov and as result Sentry is going to need some rights from me in order to utilize my contributions in this PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

@codecov-qa
Copy link

codecov-qa bot commented Jan 21, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.81%. Comparing base (b7ce614) to head (88878f0).

✅ All tests successful. No failed tests found.

@@           Coverage Diff           @@
##             main    #3675   +/-   ##
=======================================
  Coverage   98.81%   98.81%           
=======================================
  Files         825      826    +1     
  Lines       14892    14897    +5     
  Branches     4233     4242    +9     
=======================================
+ Hits        14716    14721    +5     
  Misses        167      167           
  Partials        9        9           
Files with missing lines Coverage Δ
src/ui/LightDarkImg/LightDarkImg.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 99.71% <ø> (ø)
Pages 98.43% <ø> (ø)
Services 99.30% <ø> (ø)
Shared 99.37% <ø> (ø)
UI 99.14% <100.00%> (+<0.01%) ⬆️

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 b7ce614...88878f0. Read the comment docs.

@codecov-staging
Copy link

codecov-staging bot commented Jan 21, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

@@           Coverage Diff           @@
##             main    #3675   +/-   ##
=======================================
  Coverage   98.81%   98.81%           
=======================================
  Files         825      826    +1     
  Lines       14892    14897    +5     
  Branches     4241     4234    -7     
=======================================
+ Hits        14716    14721    +5     
  Misses        167      167           
  Partials        9        9           
Files with missing lines Coverage Δ
src/ui/LightDarkImg/LightDarkImg.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 99.71% <ø> (ø)
Pages 98.43% <ø> (ø)
Services 99.30% <ø> (ø)
Shared 99.37% <ø> (ø)
UI 99.14% <100.00%> (+<0.01%) ⬆️

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 b7ce614...88878f0. Read the comment docs.

Copy link

codecov bot commented Jan 21, 2025

Bundle Report

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

Detailed changes
Bundle name Size Change
gazebo-production-system 6.19MB 19 bytes (0.0%) ⬆️
gazebo-production-esm 6.24MB 19 bytes (0.0%) ⬆️

Copy link

codecov-public-qa bot commented Jan 21, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.81%. Comparing base (b7ce614) to head (88878f0).

✅ All tests successful. No failed tests found.

@@           Coverage Diff           @@
##             main    #3675   +/-   ##
=======================================
  Coverage   98.81%   98.81%           
=======================================
  Files         825      826    +1     
  Lines       14892    14897    +5     
  Branches     4241     4234    -7     
=======================================
+ Hits        14716    14721    +5     
  Misses        167      167           
  Partials        9        9           
Files with missing lines Coverage Δ
src/ui/LightDarkImg/LightDarkImg.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 99.71% <ø> (ø)
Pages 98.43% <ø> (ø)
Services 99.30% <ø> (ø)
Shared 99.37% <ø> (ø)
UI 99.14% <100.00%> (+<0.01%) ⬆️

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 b7ce614...88878f0. Read the comment docs.

@codecov-releaser
Copy link
Contributor

codecov-releaser commented Jan 21, 2025

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Storybook

Commit Created Cloud Enterprise
ccbd58f Tue, 21 Jan 2025 22:26:50 GMT Expired Expired
a75c5f6 Thu, 23 Jan 2025 18:17:06 GMT Expired Expired
88878f0 Thu, 23 Jan 2025 18:32:19 GMT Cloud Enterprise

Comment on lines +9 to +15
const renderWithTheme = (ui: React.ReactElement, theme: Theme) => {
return render(
<ThemeContext.Provider value={{ theme, setTheme: vi.fn() }}>
{ui}
</ThemeContext.Provider>
)
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Thoughts on converting this to a wrapper component, similar to how we do it in other tests?

@codecov-staging
Copy link

codecov-staging bot commented Jan 23, 2025

Bundle Report

Changes will increase total bundle size by 12.42MB (100.0%) ⬆️⚠️, exceeding the configured threshold of 5%.

Bundle name Size Change
gazebo-staging-system 6.19MB 6.19MB (100%) ⬆️⚠️
gazebo-staging-esm 6.24MB 6.24MB (100%) ⬆️⚠️

Copy link

codecov bot commented Jan 23, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.81%. Comparing base (b7ce614) to head (88878f0).

✅ All tests successful. No failed tests found.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #3675   +/-   ##
=======================================
  Coverage   98.81%   98.81%           
=======================================
  Files         825      826    +1     
  Lines       14892    14897    +5     
  Branches     4241     4242    +1     
=======================================
+ Hits        14716    14721    +5     
  Misses        167      167           
  Partials        9        9           
Files with missing lines Coverage Δ
src/ui/LightDarkImg/LightDarkImg.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 100.00% <ø> (ø)
Layouts 99.71% <ø> (ø)
Pages 98.43% <ø> (ø)
Services 99.30% <ø> (ø)
Shared 99.37% <ø> (ø)
UI 99.14% <100.00%> (+<0.01%) ⬆️

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 b7ce614...88878f0. Read the comment docs.

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.

[UI] Create Image Component To Automatically Handle Light & Dark Mode
3 participants