From 5209ed431b0fcb45951c3f39ad73b1579cb93dc0 Mon Sep 17 00:00:00 2001 From: Kevin Zheng Date: Thu, 19 Oct 2023 19:00:44 +1100 Subject: [PATCH] PWA improvements --- .../src/components/app-bar/FeaturePicker.tsx | 18 ++++---- .../app-bar/FeaturePickerButton.tsx | 39 ++++++++++++++++ .../components/app-bar/FeaturePickerMulti.tsx | 12 ++--- client/src/components/app-bar/Input.tsx | 7 +-- client/src/components/generic/ListEditor.tsx | 16 +++++-- client/src/components/inspector/ViewTree.tsx | 18 ++++++-- .../components/layer-editor/LayerEditor.tsx | 8 +--- .../layer-editor/layers/TracePreview.tsx | 35 ++++++++++++++ .../layer-editor/layers/queryLayerSource.tsx | 18 ++++++-- .../layer-editor/layers/traceLayerSource.tsx | 9 +++- client/src/components/renderer/colors.tsx | 11 ++--- .../components/script-editor/ScriptEditor.tsx | 43 ++++++++++++++---- .../settings-editor/RendererListEditor.tsx | 9 ++-- .../settings-editor/ServerListEditor.tsx | 14 +++--- client/src/components/title-bar/TitleBar.tsx | 4 +- client/src/manifest.json | 20 ++++++-- client/src/pages/ViewportPage.tsx | 15 +++--- client/src/public/screenshots/0.png | Bin 0 -> 999994 bytes client/src/theme.tsx | 11 ++++- 19 files changed, 226 insertions(+), 81 deletions(-) create mode 100644 client/src/components/app-bar/FeaturePickerButton.tsx create mode 100644 client/src/components/layer-editor/layers/TracePreview.tsx create mode 100644 client/src/public/screenshots/0.png diff --git a/client/src/components/app-bar/FeaturePicker.tsx b/client/src/components/app-bar/FeaturePicker.tsx index 2ba9e032..cfeb93fa 100644 --- a/client/src/components/app-bar/FeaturePicker.tsx +++ b/client/src/components/app-bar/FeaturePicker.tsx @@ -1,12 +1,12 @@ -import { ArrowDropDownOutlined } from "@mui/icons-material"; -import { Button, ButtonProps, Typography as Type } from "@mui/material"; +import { ButtonProps, Typography as Type } from "@mui/material"; +import { Select } from "components/generic/Select"; +import { Space } from "components/generic/Space"; import { find, map, startCase } from "lodash"; import { FeatureDescriptor } from "protocol/FeatureQuery"; import { ReactNode } from "react"; -import { Select } from "components/generic/Select"; -import { Space } from "components/generic/Space"; +import { FeaturePickerButton } from "./FeaturePickerButton"; -type Props = { +export type Props = { label?: string; value?: string; onChange?: (key: string) => void; @@ -32,15 +32,15 @@ export function FeaturePicker({