AOSSIE-Org / AOSSIE-Org/InPactAI

BUG: Missing End Handle in Budget Range Slider

Open
#123 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
102
Forks
144
PR merge metrics
No merged PRs in 30d

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### What happened?

## 📌 Issue Overview

In the Sponsorship Matchmaking dashboard, under Filters → Budget Range, the slider currently shows only one round button/handle for adjusting the range. The other handle (end point) is missing, which prevents users from selecting both minimum and maximum budget values.

## 🔍 Steps to Reproduce

1. Go to Dashboard → Sponsorships.
2. Locate the Budget Range filter.
3. Observe that only one round slider button is available.

## 🎯 Expected Behavior

The Budget Range slider should have two round buttons/handles – one for the minimum value and one for the maximum value, allowing users to adjust the range correctly.

## 🚨 Actual Behavior

Only one round button/handle is displayed (as highlighted in the attached screenshot)

## 📷 Screenshot

Image

## 💡 Suggested Improvements

- Implement a dual-handle range slider component so that users can select both min and max values.
- Ensure proper UI/UX consistency with other filter components.

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on this issue

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.