From dcfd738c75f660423a15212306afb151b69d8747 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Thu, 22 Sep 2022 21:23:00 +1000
Subject: [PATCH] Add new display config options

---
 .../PageComponents/Config/Display.tsx         | 19 +++++++++++++++++++
 src/validation/config/display.ts              |  6 ++++++
 2 files changed, 25 insertions(+)

diff --git a/src/components/PageComponents/Config/Display.tsx b/src/components/PageComponents/Config/Display.tsx
index 94c4cf4c..e87c71f4 100644
--- a/src/components/PageComponents/Config/Display.tsx
+++ b/src/components/PageComponents/Config/Display.tsx
@@ -89,6 +89,25 @@ export const Display = (): JSX.Element => {
           />
         )}
       />
+      <Controller
+        name="flipScreen"
+        control={control}
+        render={({ field: { value, ...rest } }) => (
+          <Toggle
+            label="Flip Screen"
+            description="Description"
+            checked={value}
+            {...rest}
+          />
+        )}
+      />
+      <Select
+        label="Display Units"
+        description="This is a description."
+        {...register("units", { valueAsNumber: true })}
+      >
+        {renderOptions(Protobuf.Config_DisplayConfig_DisplayUnits)}
+      </Select>
     </Form>
   );
 };
diff --git a/src/validation/config/display.ts b/src/validation/config/display.ts
index c81c9c07..7b72e4e9 100644
--- a/src/validation/config/display.ts
+++ b/src/validation/config/display.ts
@@ -14,4 +14,10 @@ export class DisplayValidation implements Protobuf.Config_DisplayConfig {
 
   @IsBoolean()
   compassNorthTop: boolean;
+
+  @IsBoolean()
+  flipScreen: boolean;
+
+  @IsEnum(Protobuf.Config_DisplayConfig_DisplayUnits)
+  units: Protobuf.Config_DisplayConfig_DisplayUnits;
 }