diff --git a/src/intro.tsx b/src/intro.tsx index d3cd14c..71398e1 100644 --- a/src/intro.tsx +++ b/src/intro.tsx @@ -37,7 +37,7 @@ export function Intro() { + + + + ); const loadUrlItem = ( <> @@ -515,15 +521,6 @@ export class TopBar extends React.Component< /> ); - const loadFileItem = ( - <> - - - - ); const commonElements = ( <> {this.loadFromUrlModal()} @@ -539,14 +536,40 @@ export class TopBar extends React.Component< ); switch (screenSize) { case ScreenSize.LARGE: - return ( + // Show dropdown if chart is shown, otherwise show individual menu + // items. + const menus = this.props.showingChart ? ( + + + + + } + className="item" + > + + + {openFileItem} + + this.openLoadUrlDialog()}> + {loadUrlItem} + + + + ) : ( <> + this.openLoadUrlDialog()}> {loadUrlItem} - + + ); + return ( + <> + {menus} {commonElements} ); @@ -554,12 +577,12 @@ export class TopBar extends React.Component< case ScreenSize.SMALL: return ( <> + + {openFileItem} + this.openLoadUrlDialog()}> {loadUrlItem} - - {loadFileItem} - {commonElements} diff --git a/src/translations/pl.json b/src/translations/pl.json index dcc69f5..8598ff3 100644 --- a/src/translations/pl.json +++ b/src/translations/pl.json @@ -1,6 +1,7 @@ { + "menu.open": "Otwórz", + "menu.open_file": "Otwórz plik", "menu.load_from_url": "Otwórz URL", - "menu.load_from_file": "Otwórz plik", "menu.print": "Drukuj", "menu.download": "Pobierz", "menu.pdf_file": "Plik PDF", @@ -22,7 +23,7 @@ "menu.search.no_results": "Brak wyników", "intro.title": "Topola Genealogy", "intro.description": "Topola Genealogy pozwala przeglądać drzewo genealogiczne w interaktywny sposób.", - "intro.instructions": "Kliknij OTWÓRZ URL lub OTWÓRZ PLIK, aby załadować plik GEDCOM. Większość programów genealogicznych posiada funkcję eksportu do pliku GEDCOM.", + "intro.instructions": "Kliknij OTWÓRZ PLIK lub OTWÓRZ URL, aby załadować plik GEDCOM. Większość programów genealogicznych posiada funkcję eksportu do pliku GEDCOM.", "intro.examples": "Poniżej jest kilka przykładów znalezionych w Internecie:", "intro.from": "źródło:", "intro.privacy": "Prywatność",