Integrate siascan host revenue calculator

[ChrisSchinnerl]

Integrate the embedded host revenue calculator into the siascan codebase. Expand on the feature set.

Idea: add configuration into a sharable link, add revenue details into the preview card

[omega000133]

hello @ChrisSchinnerl
i wanna solve this issue.
is it available yet?

[alexfreska]

@omega000133 hi there, thank you for your interest in contributing.

This task is to integrate the following host ROI calculator into the explorer/siascan website. The website and our codebase is written in React whereas the calculator is written in Vue: https://github.com/n8maninger/host-roi-calc. Currently we embed the calculator via iframe https://github.com/SiaFoundation/web/blob/main/apps/explorer/app/host-revenue-calculator/page.tsx, this works but is not a consistent or ideal experience. We need to figure out a way to integrate a Vue component into the React app, or rewrite the calculator in React with our design-system components. Completing this issue would entail exploring the complexity and level of effort for the first approach, deciding whether it is sufficient, and proceeding or moving to the latter approach.

[omega000133]

Sorry for late reply.
There was a busy project and I finished it before several days.
I will start work here.