Skip to content

Conversation

nidhi-singh02
Copy link
Contributor

@nidhi-singh02 nidhi-singh02 commented Sep 16, 2025

Summary

  • Dual image mode css module
  • In the OIS and its pages, making sure both images are getting used in dark/light mode.

Rationale

How has this been tested?

  • Current tests cover my changes
  • Added new tests
  • Manually tested the code

@nidhi-singh02 nidhi-singh02 self-assigned this Sep 16, 2025
Copy link

vercel bot commented Sep 16, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
component-library Ready Ready Preview Comment Sep 16, 2025 11:41am
developer-hub Ready Ready Preview Comment Sep 16, 2025 11:41am
5 Skipped Deployments
Project Deployment Preview Comments Updated (UTC)
api-reference Skipped Skipped Sep 16, 2025 11:41am
entropy-explorer Skipped Skipped Sep 16, 2025 11:41am
insights Skipped Skipped Sep 16, 2025 11:41am
proposals Skipped Skipped Sep 16, 2025 11:41am
staking Skipped Skipped Sep 16, 2025 11:41am

Comment on lines +17 to +19
darkSrc="/images/ois/OIS_Rewards_Example_Dark_1.png"
lightSrc="/images/ois/OIS_Rewards_Example_Light_1.png"
alt="Example 1 - Only Publisher Stake"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

As per the fuma docs, referencing Images with URL

@vercel vercel bot temporarily deployed to Preview – entropy-explorer September 16, 2025 11:16 Inactive
@vercel vercel bot temporarily deployed to Preview – staking September 16, 2025 11:16 Inactive
@vercel vercel bot temporarily deployed to Preview – api-reference September 16, 2025 11:37 Inactive
@vercel vercel bot temporarily deployed to Preview – staking September 16, 2025 11:37 Inactive
@vercel vercel bot temporarily deployed to Preview – entropy-explorer September 16, 2025 11:37 Inactive
@vercel vercel bot temporarily deployed to Preview – insights September 16, 2025 11:37 Inactive
@vercel vercel bot temporarily deployed to Preview – proposals September 16, 2025 11:37 Inactive
Comment on lines +1 to +3
.lightImage {
display: block;

Copy link
Contributor Author

Choose a reason for hiding this comment

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

created this module, and added them in a folder to follow the same pattern.

@nidhi-singh02 nidhi-singh02 changed the title chore(developer-hub): dual image mode enable and theme switch chore(developer-hub): dual image mode enable and use in OIS Sep 16, 2025
![Example 1 - Only Publisher Stake](/images/ois/OIS_Rewards_Example_Light_1.png)
<br />
<DualModeImage
darkSrc="/images/ois/OIS_Rewards_Example_Dark_1.png"
Copy link
Collaborator

Choose a reason for hiding this comment

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

It would be better to import the images and pass the import here. Next can do some automatic image optimization when you import images which it cannot do when you use image urls. Also you can colocate the images with where they're used which is nice

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I see, I was using image URL as per the fuma docs https://fumadocs.dev/docs/headless/custom-source#images

If there would be optimization by using the import, lets do it.

@nidhi-singh02 nidhi-singh02 merged commit 902775a into main Sep 17, 2025
10 checks passed
@nidhi-singh02 nidhi-singh02 deleted the add-dual-images-func branch September 17, 2025 07:06
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.

3 participants