Skip to content

Conversation

shravankumar8
Copy link

Pull Request Description

Title:

feat(ui): introduce reusable EmptyState component and refactor module variants (#150)


Description

Refactors duplicate empty-state components from multiple modules into a single shared EmptyState component. Tailored for flexibility, it supports props like image, title, subtitle, description, ctaText, onCtaClick, and an optional tutorial object.

Fixes: #150

Motivation:

  • Reduces code duplication and enhances maintainability
  • Ensures consistent appearance and behavior across modules
  • Simplifies future enhancements (like adding secondary buttons)

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

  • Scenario A: Verified in Sources module — Empty state renders correctly with all props.
  • Scenario B: Verified in Destinations and Jobs — Button actions and tutorial card work as expected.

Steps to reproduce:

  1. Start the UI (make start-frontend)
  2. Navigate to modules with empty state (Sources, Destinations, Jobs)
  3. Confirm consistent layout, valid image and text, clickable button, and tutorial thumbnail/link

Screenshots or Recordings

Screenshot 2025-08-16 at 4 51 50 PM Screenshot 2025-08-16 at 4 51 55 PM Screenshot 2025-08-16 at 4 52 02 PM
Screen.Recording.2025-08-16.at.4.46.34.PM.mov

@shravankumar8 shravankumar8 changed the base branch from master to staging August 19, 2025 18:31
@tarakaswathi-datazip tarakaswathi-datazip changed the title Feat/common emptystate feat: common emptystate Aug 22, 2025
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.

3 participants