Registration tweaks

sfbrigade · Sep 6, 2024 · 338ba4a · 338ba4a
1 parent 814a3d3
commit 338ba4a
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 16 deletions.
diff --git a/client/src/pages/auth/form.module.css b/client/src/pages/auth/form.module.css
@@ -3,7 +3,8 @@
 }
 
 .header > p {
-  padding: 0 2rem;
+  max-width: 25rem;
+  margin: 0 auto 2.5rem;
 }
 
 .form {

diff --git a/client/src/pages/auth/register/RegisterForm.jsx b/client/src/pages/auth/register/RegisterForm.jsx
@@ -187,7 +187,7 @@ export function RegisterForm({
               {isLoading ? (
                 <Loader size={20} />
               ) : formState === 2 ? (
-                'Send Interest Form'
+                'Submit'
               ) : (
                 'Next'
               )}
@@ -198,11 +198,11 @@ export function RegisterForm({
             <Container size="25rem" styles={{ root: { padding: 0 } }}>
               <div className={formClasses.formCompletion}>
                 <p>
-                  Form Complete! You will receive a confirmation email shortly.
-                  Acceptance into SF life line will also be sent via the email
-                  address you submitted.
+                  Registration complete! You will receive a confirmation email
+                  shortly, please click on the link in the email to verify your
+                  address. Acceptance into SF Life Line will also be sent to the
+                  email address you submitted.
                 </p>
-                <p>Save this site to your browser window for convenience.</p>
               </div>
             </Container>
           )}

diff --git a/client/src/pages/auth/register/register.jsx b/client/src/pages/auth/register/register.jsx
@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Flex, Text, Title } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+
 import classes from '../form.module.css';
 import { RegisterForm } from './RegisterForm';
-import { Flex } from '@mantine/core';
-import { useParams } from 'react-router-dom';
-import { useNavigate } from 'react-router-dom';
-import { notifications } from '@mantine/notifications';
 
 /**
  * Register page component
@@ -160,11 +160,15 @@ function Register() {
   return (
     <div>
       <div className={classes.header}>
-        <h2>Interest Form</h2>
-        <p>
-          description of filling out interest form to start account registration
-          process
-        </p>
+        <Title order={3} mb="1.5rem">
+          First Responder Sign Up
+        </Title>
+        <Text>
+          Thank you for your interest in joining SF Life Line! Please provide
+          the following information to register.
+          <br />
+          An administrator will review your application for acceptance.
+        </Text>
       </div>
       <Flex direction="column" gap="md">
         <RegisterForm

diff --git a/client/src/pages/home.jsx b/client/src/pages/home.jsx
@@ -37,7 +37,7 @@ function Home() {
         <Container size="sm">
           <Paper bg="blue.1" p={{ base: '2.5rem 1.5rem', sm: '2.5rem 4rem' }}>
             <Title order={3} mb="1rem">
-              First Responder Interest Form
+              For First Responders
             </Title>
             <Title order={4}>Benefits of Signing Up</Title>
             <Text mb="2rem">