Skip to content

[Doc Update] refactor(treeView): implement fixed node styling #490

@github-actions

Description

@github-actions

📝 Documentation Update Needed

A pull request was recently merged that may require documentation updates.

Source PR

PR Summary

This PR refactors the TreeView component in the KubeStellar UI to implement fixed node styling, replacing the previous dynamic zoom-based scaling system. The changes simplify the codebase by removing zoom-dependent calculations and establishing consistent, fixed dimensions (146px × 30px) for tree view nodes across all zoom levels.

Changes Overview

  • Refactored TreeViewNodes component - Removed dependency on useZoomStore and replaced dynamic getScaledNodeStyle() calls with fixed node styling constants
  • Updated useTreeViewData hook - Removed zoom-based scaling calculations from layout engine (dagre) and replaced with fixed node dimensions
  • Simplified NodeLabel component - Replaced dynamic width/height calculations based on zoom with fixed values for consistent rendering
  • Removed zoom store dependencies - Cleaned up dependency arrays in useCallback hooks to remove unused currentZoom and getScaledNodeStyle references
  • Standardized node dimensions - Established consistent fixed dimensions across the TreeView UI

Files Changed

The PR modifies frontend TreeView components including TreeViewNodes, useTreeViewData hook, and NodeLabel component.


Action Required: The technical documentation writer agent will review this PR and identify specific documentation pages that need updates, then create a PR with the necessary changes.

/cc @technical-doc-writer

AI generated by scan-merged-prs

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions