* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Jed Fox 2020-03-07 10:20:38 -05:00 committed by GitHub
parent 1a6431a04a
commit c6a0cfc2b1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
49 changed files with 3498 additions and 3372 deletions

View file

@ -1,15 +1,15 @@
import React from "react";
import { t } from "../i18n";
import * as i18n from "../i18n";
export function LanguageList<T>({
export function LanguageList({
onChange,
languages,
currentLanguage,
languages = i18n.languages,
currentLanguage = i18n.getLanguage(),
floating,
}: {
languages: { lng: string; label: string }[];
languages?: { lng: string; label: string }[];
onChange: (value: string) => void;
currentLanguage: string;
currentLanguage?: string;
floating?: boolean;
}) {
return (
@ -20,7 +20,7 @@ export function LanguageList<T>({
}`}
onChange={({ target }) => onChange(target.value)}
value={currentLanguage}
aria-label={t("buttons.selectLanguage")}
aria-label={i18n.t("buttons.selectLanguage")}
>
{languages.map(language => (
<option key={language.lng} value={language.lng}>