Skip to content

Conversation

@V-SANT
Copy link
Collaborator

@V-SANT V-SANT commented Jan 14, 2025

This pull request introduces new functionality to display detailed information about packets in the right sidebar. The changes include adding a toggle button to show/hide packet details, creating a new function to generate the toggle information, and updating the styles to support the new feature.

Key changes:

Functionality enhancements:

  • src/graphics/right_bar.ts: Added addToggleButton method to RightBar class to append a toggle button for displaying packet details.
  • src/graphics/right_bar.ts: Added createToggleInfo function to create a container with a toggle button and detailed information list.
  • src/types/packet.ts: Added getPacketDetails method to Packet class to generate a dictionary of packet details.
  • src/types/packet.ts: Updated showInfo method in Packet class to include the toggle button for packet details.

Styling updates:

  • src/styles/index.ts: Imported new stylesheet info.css for the toggle info container.
  • src/styles/info.css: Added styles for the toggle info container and its elements, including transitions for a smoother user experience.

@MegaRedHand MegaRedHand merged commit 1c0711a into main Jan 18, 2025
3 checks passed
@MegaRedHand MegaRedHand deleted the ipv4-header-data branch January 18, 2025 14:23
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.

4 participants