Skip to content

Conversation

SAHU-01
Copy link
Contributor

@SAHU-01 SAHU-01 commented Sep 28, 2025

Refactored code for #2388 - Progress Bar component TypeScript migration

Changes

  • Added src/components/progress-bar/progress-bar.tsx (functional TSX component with ProgressBarProps interface)
  • Deleted legacy src/components/progress-bar/ProgressBar.js
  • Converted Storybook to TSX: progress-bar.stories.tsx
  • Removed PropTypes and defaultProps in favor of TypeScript interfaces and default parameters
  • Updated imports in dependent files:
    -> src/files/file-import-status/FileImportStatus.js
    -> src/files/modals/publish-modal/PublishModal.js
  • Added CSS module declarations in src/types/modules.d.ts
  • Follows kebab-case naming convention
  • Exports ProgressBarProps interface for external usage

Tests

  • TypeScript compilation: No errors (npx tsc --noEmit)
  • Lint: No issues (npm run lint)
  • App functionality: Working correctly
  • File upload progress displays with percentage animation
  • IPNS publish modal page displays progress bar
  • Storybook: Loads with bars

Screenshots:

image
Screen.Recording.2025-09-29.at.12.39.04.AM.mp4

Reviewer: @SgtPooki

@SAHU-01 SAHU-01 requested a review from a team as a code owner September 28, 2025 19:15
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.

1 participant