mirror of
https://github.com/PeWu/topola-viewer.git
synced 2026-07-21 11:11:48 +00:00
1.8 KiB
1.8 KiB
Details Directory
This directory contains React components for displaying detailed information about a selected individual (person) in the side panel of the Topola Viewer application. The details are extracted from a parsed GEDCOM file.
Files
- additional-files.tsx: Displays a list of links to non-image files associated with an entry.
- collapsed-details.tsx: Displays a minimal, vertical view of details (person's name) when the side panel is collapsed.
- details.tsx: The main component that orchestrates the display of all details for an individual, including name, images, events, facts, notes, and sources.
- event-extras.tsx: Displays additional content for events (images, notes, sources, files) in a tabbed interface.
- events.tsx: Handles the logic and display for all events related to an individual, sorting them by date and grouping them by life stages.
- immediate-family.tsx: A dedicated side panel module for grouping and displaying parents, spouses, and children as rapid-navigation links.
- linkify-new-tab.tsx: A helper component that wraps content and makes URLs clickable, opening them in a new tab.
- multiline-text.tsx: Helper component to display multi-line text with linkified URLs.
- person-link.tsx: Component that renders a clickable link to navigate to a person's profile view.
- sources.tsx: Displays a list of sources cited for an entry.
- translated-tag.tsx: Component to translate GEDCOM tags into human-readable labels.
- wrapped-image.tsx: Component to display images with loading placeholders, error fallback, and a click-to-enlarge modal.