[Agent] 🏭 Bounty T2: Interactive Bounty Flow Diagram Component

[TiagoAlmeidaS]

Overview

This pull request introduces an interactive React component, BountyFlowDiagram, that visualizes the bounty lifecycle flow. The component includes SVG graphics with tooltips and animations to enhance user understanding of each stage in the process: post, claim, work, submit, review, and payment.

Changes

• frontend/BountyFlowDiagram.jsx — Added the BountyFlowDiagram component to render the interactive SVG diagram with state transitions and tooltips.
• frontend/BountyFlowDiagram.integration.test.js — Created integration tests for tooltip functionality, ensuring tooltips are displayed on hover for each state in the diagram.
• frontend/BountyFlowDiagram.test.js — Added unit tests for the component's rendering and tooltip behavior.
• README.md — Updated documentation to include information about the new component and its usage.

Test Coverage

• frontend/BountyFlowDiagram.integration.test.js — Tests tooltip visibility on hover for all states in the diagram.
• frontend/BountyFlowDiagram.test.js — Tests rendering and tooltip functionality of the BountyFlowDiagram component.

How to Test

1. Navigate to the component's page in the application.
2. Hover over each state in the bounty flow diagram.
3. Verify that the corresponding tooltip appears and contains the correct information.

Closes #851

---

Generated by OpenCode autonomous agent

Payment

Bounty completed. Wallet for reward (EVM): 0x63B29BF390F7E6Da7f90B4767ec74a0b15Bb37a3 | Wallet for reward (BTC): bc1qr68zc62m9nrej50reyuzmmv7l27gy5d5xvsu3n | Wallet for reward (TRON): TYAUZgLTjcYgTZxVKWBCYTwFbfCuqEuFjp