From ed68dd6d9c1b15a2b1ba1b1baa0612d2871966c3 Mon Sep 17 00:00:00 2001
From: "Daniel S. Hansen" <dshansen@contractor.usgs.gov>
Date: Fri, 26 Sep 2025 12:01:48 -0700
Subject: [PATCH] Add new deformation tab to domestic/main branch

---
 client/src/components/Canvas/views/Home.jsx   |  4 ++++
 .../Canvas/views/HomeTabs/Deformation.jsx     | 22 +++++++++++++++++++
 client/src/constants/viewKeys.js              |  1 +
 3 files changed, 27 insertions(+)
 create mode 100644 client/src/components/Canvas/views/HomeTabs/Deformation.jsx

diff --git a/client/src/components/Canvas/views/Home.jsx b/client/src/components/Canvas/views/Home.jsx
index a04309f..76b45e5 100644
--- a/client/src/components/Canvas/views/Home.jsx
+++ b/client/src/components/Canvas/views/Home.jsx
@@ -6,6 +6,7 @@ import { DailyActivity } from "./HomeTabs/DailyActivity";
 import { Gas } from "./HomeTabs/Gas";
 import { Seismic } from "./HomeTabs/Seismic";
 import { RemoteSensing } from "./HomeTabs/RemoteSensing";
+import { Deformation } from "./HomeTabs/Deformation"
 import { CancelButton } from "../CanvasComponents/CancelButton";
 import { SaveButton } from "../CanvasComponents/SaveButton";
 import DeleteAllButton from "../CanvasComponents/DeleteAllButton";
@@ -161,6 +162,9 @@ export default function Home(props) {
       <Tabs.Content value="remote">
         <RemoteSensing />
       </Tabs.Content>
+      <Tabs.Content value="deformation">
+        <Deformation />
+      </Tabs.Content>
       <Tabs.Content value="daily">
         <DailyActivity />
       </Tabs.Content>
diff --git a/client/src/components/Canvas/views/HomeTabs/Deformation.jsx b/client/src/components/Canvas/views/HomeTabs/Deformation.jsx
new file mode 100644
index 0000000..e20217d
--- /dev/null
+++ b/client/src/components/Canvas/views/HomeTabs/Deformation.jsx
@@ -0,0 +1,22 @@
+import { Box, Text } from "@chakra-ui/react";
+
+export function Deformation() {
+  return(
+    <Box p={8} mt={4} ml="auto" mr="auto" width="600px">
+      <Box
+        bg="bg" 
+        shadow="md" 
+        borderRadius="md"
+        p={8}
+        width="600px"
+        height="100px"
+        textAlign="center"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Text fontsize="2xl" fontWeight="bold" color="gray.700">Deformation page coming soon.</Text>
+      </Box>
+    </Box>
+  );
+}
\ No newline at end of file
diff --git a/client/src/constants/viewKeys.js b/client/src/constants/viewKeys.js
index b511ae5..88fed19 100644
--- a/client/src/constants/viewKeys.js
+++ b/client/src/constants/viewKeys.js
@@ -4,6 +4,7 @@ export const DASHBOARD_TABS = [
     { value: "gas", label: "Gas" },
     { value: "seismic", label: "Seismic" },
     { value: "remote", label: "Remote Sensing" },
+    { value: "deformation", label: "Deformation" },
     { value: "daily", label: "Daily Activity" },
 ]