Add new deformation tab to domestic/main branch

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>

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>
+  );
+}

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" },
 ]