Merge pull request #241 from azavea/tt/add-request-access-link

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Add management command to bulk import contributors [#238](https://github.com/azavea/iow-boundary-tool/pull/238)
+- Add link to Google Form to request access [#241](https://github.com/azavea/iow-boundary-tool/pull/241)
 
 ### Changed
 

src/app/src/pages/Login.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { Box, Button, Input, Text, VStack } from '@chakra-ui/react';
+import { Box, Button, Input, Link, Text, VStack } from '@chakra-ui/react';
 
 import apiClient from '../api/client';
 import { API_URLS, API_STATUSES, APP_URLS } from '../constants';
@@ -95,6 +95,13 @@ export default function Login() {
                 <Button variant='minimal' onClick={() => navigate('/forgot')}>
                     Forgot password?
                 </Button>
+                <Link
+                    href='https://docs.google.com/forms/d/1k7g63ODqcUkyhj7Pg2CxN9i0_XXc6SxHY5eIQDohTPI'
+                    variant='minimal'
+                    isExternal
+                >
+                    Request access
+                </Link>
             </VStack>
         </LoginForm>
     );

src/app/src/theme.js

@@ -120,6 +120,17 @@ const Input = {
     },
 };
 
+const Link = {
+    variants: {
+        minimal: {
+            fontWeight: 400,
+            fontSize: 'sm',
+            textDecoration: 'underline',
+            color: 'gray.800',
+        },
+    },
+};
+
 const ListItem = {
     baseStyle: {
         fontFamily: `'Inter', san-serif`,
@@ -158,6 +169,7 @@ const theme = extendTheme({
         Button,
         Heading,
         Input,
+        Link,
         ListItem,
         Tooltip,
         Table,