fixup! Add navigation

move NavBar to top
azavea · Oct 7, 2022 · 8f8a623 · 8f8a623
1 parent 23f3fe1
commit 8f8a623
Showing 1 changed file with 36 additions and 36 deletions.
diff --git a/src/app/src/components/NavBar.js b/src/app/src/components/NavBar.js
@@ -21,6 +21,42 @@ const NAVBAR_VARIANTS = {
     SUBMISSION: 'submission',
 };
 
+export default function NavBar() {
+    const location = useLocation();
+
+    let variant = NAVBAR_VARIANTS.SUBMISSION;
+    if (location.pathname.startsWith('/draw')) {
+        variant = NAVBAR_VARIANTS.DRAW;
+    }
+
+    return (
+        <SimpleGrid
+            columns={3}
+            paddingLeft={10}
+            paddingRight={10}
+            w='100%'
+            h={NAVBAR_HEIGHT}
+            bg='gray.700'
+        >
+            <Flex align='center'>
+                <UtilityControl variant={variant} />
+            </Flex>
+
+            <Flex align='center' justify='center'>
+                <Heading size='md' color='white' ml={6}>
+                    Boundary Sync
+                </Heading>
+            </Flex>
+
+            <Flex align='center' gap={4}>
+                <Spacer />
+                <SettingsButton variant={variant} />
+                <ExitButton variant={variant} />
+            </Flex>
+        </SimpleGrid>
+    );
+}
+
 function SettingsButton({ variant }) {
     const navigate = useNavigate();
 
@@ -94,39 +130,3 @@ function UtilityControl({ variant }) {
         <Text textStyle='selectedUtility'>{selectedUtility}</Text>
     );
 }
-
-export default function NavBar() {
-    const location = useLocation();
-
-    let variant = NAVBAR_VARIANTS.SUBMISSION;
-    if (location.pathname.startsWith('/draw')) {
-        variant = NAVBAR_VARIANTS.DRAW;
-    }
-
-    return (
-        <SimpleGrid
-            columns={3}
-            paddingLeft={10}
-            paddingRight={10}
-            w='100%'
-            h={NAVBAR_HEIGHT}
-            bg='gray.700'
-        >
-            <Flex align='center'>
-                <UtilityControl variant={variant} />
-            </Flex>
-
-            <Flex align='center' justify='center'>
-                <Heading size='md' color='white' ml={6}>
-                    Boundary Sync
-                </Heading>
-            </Flex>
-
-            <Flex align='center' gap={4}>
-                <Spacer />
-                <SettingsButton variant={variant} />
-                <ExitButton variant={variant} />
-            </Flex>
-        </SimpleGrid>
-    );
-}