Skip to content

Migrate Zones module from AngularJS to React#4

Open
Sokitha-21 wants to merge 8 commits into
Jay07GIT:portal_migration_angular_to_reactfrom
Sokitha-21:zones_tab_ui
Open

Migrate Zones module from AngularJS to React#4
Sokitha-21 wants to merge 8 commits into
Jay07GIT:portal_migration_angular_to_reactfrom
Sokitha-21:zones_tab_ui

Conversation

@Sokitha-21
Copy link
Copy Markdown
Collaborator

@Sokitha-21 Sokitha-21 commented Apr 20, 2026

Fixes vinyldns#1502.
Ticket-id: VDNS-300

Changes in this pull request:

  • This PR migrates the Zones module, including ownership and abandoned zones handling.
  • Updated Zones tables with new layout , avatars, badges, and empty states
  • Added sorting (Last Sync, Created, Abandoned)
  • Improved actions UI (view/edit/delete with role-based visibility)

Key Changes

  1. Pages:
  • ZonesPage.tsx
  • ZoneDetailPage.tsx
  1. Components:
  • ZonesTable.tsx
  • ZoneForm.tsx
  • AbandonedZonesTable.tsx
  1. Hooks:
  • useZones.ts
  1. Services:
  • zonesService.ts
  1. Types:
  • zone.ts(extended models for UI + abandoned zones)

Features

  • View all zones
  • Zone detail view
  • Create/update zones
  • Handle abandoned zones(listing + sorting)

@Sokitha-21 Sokitha-21 changed the title Migrate UI from Angular to React Migrate Zones module from AngularJS to React Apr 20, 2026
@codecov-commenter
Copy link
Copy Markdown

codecov-commenter commented May 7, 2026

⚠️ Please install the 'codecov app svg image' to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (portal_migration_angular_to_react@1198e95). Learn more about missing BASE report.
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files
@@                         Coverage Diff                          @@
##             portal_migration_angular_to_react       #4   +/-   ##
====================================================================
  Coverage                                     ?   91.64%           
====================================================================
  Files                                        ?      177           
  Lines                                        ?     8283           
  Branches                                     ?      250           
====================================================================
  Hits                                         ?     7591           
  Misses                                       ?      692           
  Partials                                     ?        0           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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.

2 participants