Claim Confidence Visualization

[dDevAhmed]

📚 Overview

Visualize the confidence level of a claim based on aggregated verifications and reputation-weighted votes.

---

🎯 Objectives

• Display confidence score clearly
• Show visual indicator (bar, gauge, or ring)
• Indicate trending direction if applicable

---

🧠 Scope

UI

• Confidence visualization component
• Percentage label
• Tooltip explaining meaning

Logic

• Fetch confidence from GET /claims/:id/confidence
• Re-render on updates

---

🎨 Design Reference

Follow canonical designs in:

truthbounty/designs/dashboard/6-claim-detail.png

---

✅ Acceptance Criteria

• Confidence visible on claim page
• Updates reflect backend values
• Tooltip explains score meaning

---

⏳ Complexity & Effort

Complexity: Low
Estimated Effort: ~0.25–0.5 day

---

📌 Notes

This issue includes UI implementation and must follow canonical designs in the parent repository.

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[ritik4ever]

@ritik4ever has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi, I’d like to take this issue .
I’ve worked on similar projects before and have relevant experience, so I should be able to handle this efficiently.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ritik4ever to this issue.

[ussyalfaks]

@ussyalfaks has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’d like to contribute by implementing the claim confidence visualization on the claim detail page. I’ll build a clear, intuitive UI component (bar, gauge, or ring per the canonical design) that displays the confidence percentage, includes a tooltip explaining how the score is derived, and visually indicates trends where applicable. I’ll integrate it with the GET /claims/:id/confidence endpoint, ensure it re-renders on updates, and validate that the displayed values accurately reflect backend data while staying fully aligned with the provided design reference.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ussyalfaks to this issue.

[shamoo53]

@shamoo53 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

hi, i would like to work on this issue
i have carefully gone through the instructions on how to implement the claim confidence visualization kindly assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @shamoo53 to this issue.

[Georgechisom]

@Georgechisom has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi, I love to work on this issue, please help assign it to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Georgechisom to this issue.

[Chucks1093]

@Chucks1093 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello DevAhmed, I would like to handle this.

I will build a confidence visualization component that matches truthbounty/designs/dashboard/6-claim-detail.png, showing a clear percentage plus a bar or ring indicator and an optional trend direction badge.

I will fetch confidence from GET /claims/:id/confidence, type the response, re render when the claim id or backend value changes, and add a tooltip that explains how the score is calculated and how to read it.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Chucks1093 to this issue.

[edehvictor]

@edehvictor has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi DevAhmed,

I would like to handle this issue. I can build the Confidence Visualization Component, ensuring it provides a clear, data-driven indicator of claim verification status while matching the design specifications.

Implementation Plan:

UI Component: I will create a reusable visualization component (Bar/Gauge/Ring) based on truthbounty/designs/dashboard/6-claim-detail.png, including a Trending Indicator and a clarifying Tooltip to explain the score.

Data Integration: I will fetch confidence scores from GET /claims/:id/confidence, ensuring the component re-renders efficiently when the claim ID or backend values update.

Type Safety: I will strictly type the API response to ensure data integrity across the visualization.

ETA: 2–4 hours (0.25–0.5 day).

I am ready to start immediately.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @edehvictor to this issue.

[KingFRANKHOOD]

@KingFRANKHOOD has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello, I’m a full stack developer with hands-on experience building with variety of tools including Nextjs, nodejs, nestjs, React, Typescript and more

I focus on writing clear, maintainable code and making sure features work as expected end to end, not just in isolation. I communicate progress regularly and keep things transparent as I work. I’m confident I can complete this task within an ETA of 24 hours while providing consistent updates throughout the process.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @KingFRANKHOOD to this issue.

[Olowodarey]

@Olowodarey has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello am a frontend dev and am ready to implement this function will be done within 24 hours

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Olowodarey to this issue.

[tali-creator]

@tali-creator has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’ve carefully gone through the issue description and taken time to understand the existing codebase and expected outcome. Based on my experience and the scope of this task, I’m confident I fully understand what needs to be done and how it fits into the project’s overall architecture.

I’m a full-stack Stark developer with 4+ years of hands-on experience, and I’m very confident in my ability to deliver a solid, production-ready solution. I’m 100% certain I can complete this task within 24 hours while maintaining code quality, clarity, and alignment with the project’s standards. I’d be glad to take this on and contribute effectively if assigned.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @tali-creator to this issue.

[caxtonacollins]

@caxtonacollins has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

hi @dDevAhmed
I am a full-stack/blockchain developer
i will love to work on and close this issue
please assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @caxtonacollins to this issue.

[drips-wave]

Congratulations, @shamoo53! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on January 31, 2026.

🧑‍💻 @shamoo53: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊