Description

The My Campaigns page is intended to help users track the campaigns they are involved in. However, the current view does not clearly distinguish between active campaigns and completed (past) campaigns, making it harder for users to understand their participation at a glance.

This task focuses on improving the layout and structure of the My Campaigns page to clearly display all campaigns a user has participated in, with distinct sections and clear status indicators. The improved design should help users easily identify ongoing work as well as review their past contributions.

Domain

Coding (Frontend / UI-UX)

Difficulty

Difficult

Steps To Reproduce

1. Log in to the ISA Tool.
2. Navigate to the My Campaigns page from the user menu.
3. Observe that:
   • Active and completed campaigns are not clearly separated.
   • Campaign status is not immediately obvious.
   • The page becomes harder to scan as more campaigns are listed.
4. Compare with dashboards that clearly separate current and historical data.

Expected Output

• A clear table or section listing active campaigns the user is currently participating in.
• A separate table or section listing past/completed campaigns.
• Clear visual status indicators (e.g., labels, icons, or badges) to distinguish campaign states.
• Improved layout and readability of campaign information.

Acceptance Criteria

• Active and past campaigns are clearly separated on the page.
• Each campaign displays a clear and consistent status indicator.
• The page is easy to scan and understand at a glance.
• Design remains responsive across desktop, tablet, and mobile.
• No regressions in existing functionality or navigation.
• UI follows existing ISA design patterns and styles.