Skip to content

feat: add appeals management pages and update sidebar navigation#53

Merged
anonfedora merged 2 commits intoBudgetChain:mainfrom
ussyalfaks:feat-implementAppealFlow
Mar 27, 2025
Merged

feat: add appeals management pages and update sidebar navigation#53
anonfedora merged 2 commits intoBudgetChain:mainfrom
ussyalfaks:feat-implementAppealFlow

Conversation

@ussyalfaks
Copy link
Copy Markdown
Contributor

@ussyalfaks ussyalfaks commented Mar 26, 2025

📌 Pull Request: Appeals Management System Implementation

Closes #28

📚 Overview

This PR introduces a comprehensive appeals management system within the BudgetChain platform. It includes the appeals dashboard, detailed appeal view with tabbed navigation, and approval functionality, all aligned with the provided design reference.

🛠️ Features & Requirements

Appeals Dashboard (Desktop 22)

Create an "Appeals" section displaying:

A counter showing total appeals (e.g., 8 appeals)

"Download Appeals" button with export functionality

Design a data table listing appeals by project with columns:

  • S/N (serial number)

  • Project

  • Date & Time

  • Appeal Amount/Request

  • Note & Address

  • Status (colored indicators for APPROVED/REJECTED)

Implement a right sidebar panel displaying pending appeal details with:

  • Request amount (e.g., $20,000)

  • Source project information

  • Approve/Reject action buttons

  • Appeal Detail View (Desktop 23)

Build a detailed view with tabbed navigation between:

"Appeal" and "Document" sections

Include a back button for navigation

Display the appeal request header with:

Request amount (e.g., $20,000)

Source project information

Approve/Reject action buttons

Implement a "REQUEST FOR MORE FUNDS" section with:

Detailed appeal text/content

Signature section with sender information

Approval stamp overlay for approved appeals

Date and time footer

Appeal Expanded View (Desktop 26)

Extend the appeal detail view with an additional subdirectory navigation in the sidebar

Indicate a "Pending" status under the Appeals section

Ensure layout consistency and proper approval stamp display

🔧 Technical Implementation

  • Develop reusable components for the appeals list and detail views

  • Implement state management for handling appeal approvals

  • Build a tabbed navigation system for toggling between sections

  • Create an animated approval stamp component

  • Integrate with data sources for retrieving and updating appeals

  • Implement filtering and sorting for appeals data

  • Enable export functionality (PDF/CSV) for appeals data

✅ Acceptance Criteria

The Appeals Dashboard correctly displays all appeals with status indicators

The Appeal Detail View presents comprehensive appeal content

Seamless navigation between appeals list and detail views

Approve/Reject buttons trigger correct state changes

Approval stamp is correctly displayed on approved appeals

Data formatting is accurate (dates, currency formats, etc.)

UI is responsive and visually aligned with the design

👥 Related Components & Dependencies

  • Navigation sidebar

  • Data table component

  • Appeal detail components

  • Approval stamp overlay

  • Approve/Reject buttons

  • Tabbed navigation system

  • PDF/document viewer (if applicable)

  • State management library & routing solution

  • Export functionality library

@anonfedora anonfedora self-requested a review March 27, 2025 05:03
@anonfedora anonfedora merged commit 9214fe0 into BudgetChain:main Mar 27, 2025
1 check passed
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.

FE: Implement Appeals Flow

2 participants