mirror of
https://github.com/PeWu/topola-viewer.git
synced 2026-07-17 17:21:48 +00:00
059c9d9413
* Add configurable place display and shortening * Fix prettier formatting stuff * Move place shortening logic to Chart
Side Panel Directory
This directory contains components and logic for the side panel of the Topola Viewer application. The side panel is used to display detailed information about a selected individual and to configure chart settings.
Purpose
The purpose of this directory is to provide a collapsible side panel that offers:
- Detailed Information: Displays comprehensive data about a selected person, including their name, images, events, facts, notes, and sources, extracted from the loaded GEDCOM file.
- Chart Configuration: Provides controls for users to customize the appearance of the genealogical chart (e.g., color schemes, showing/hiding IDs, and sex indicators).
This directory acts as a container for these features, organizing them into specific subdirectories:
- config: Contains the UI and logic for managing chart display settings.
- details: Contains components for rendering the detailed view of an individual's data.
- head: Contains components to display metadata from the GEDCOM file header.
Files in this Directory
- side-panel.tsx: The main React component that implements the side panel. It manages the layout, switching between expanded and collapsed states. When expanded, it displays a tabbed interface with "Info" (details) and "Settings" (configuration) panes. When collapsed in a mobile view, it shows a minimal view of the selected person's name. It also includes the button to toggle the panel's expanded state.