From 67d8f9cffc0631f42c814675b12059a65160623c Mon Sep 17 00:00:00 2001 From: IuliiaSam Date: Tue, 14 Jan 2025 19:24:30 -0500 Subject: [PATCH 1/2] adjusted css styles --- src/App.tsx | 10 +++++----- src/EligiblePage.tsx | 16 ++++++++++------ src/NotEligiblePage.tsx | 18 ++++++++++-------- src/SearchPage.tsx | 4 ++-- src/index.css | 33 +++++++++++++++++++++++++++------ 5 files changed, 54 insertions(+), 27 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 3aeb422..11f1c7d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -19,25 +19,25 @@ function App() { case 'search': return <> - ; + case 'loading': return case 'no_address': return <> - ; + case 'eligible': return case 'not_eligible': return case 'error': - return ; + return default: - return

Did not match any component

; + return

Did not match any component

} - }; + } // Render main application return ( diff --git a/src/EligiblePage.tsx b/src/EligiblePage.tsx index 33ee549..5c7d72a 100644 --- a/src/EligiblePage.tsx +++ b/src/EligiblePage.tsx @@ -15,12 +15,16 @@ const EligiblePage: React.FC = () => { Click the link below to start your application! Make sure you have the following ready before you start the application:

    -
  • Valid Social Security #
    • -
  • Valid government issued ID #
    • -
  • Date of Birth
    • -
  • Address, Email address and phone number
    • -
  • Work ID (if applicable)
    • -
  • Your mobile phone
    • +
    +
  • Valid Social Security #
    • +
  • Valid government issued ID #
    • +
  • Date of Birth
    • +
    +
    +
  • Address, Email address and phone number
    • +
  • Work ID (if applicable)
    • +
  • Your mobile phone
    • +
diff --git a/src/NotEligiblePage.tsx b/src/NotEligiblePage.tsx index bbb93b1..73c2f8a 100644 --- a/src/NotEligiblePage.tsx +++ b/src/NotEligiblePage.tsx @@ -23,14 +23,16 @@ const NotEligiblePage: React.FC = (props: Props) => {
-

Financial Fitness Association

-

- If you become a member of the Financial Fitness Association, then you automatically qualify for membership at Harvard FCU. Harvard FCU will even cover the $8 annual membership fee for the first year! -

- +

Financial Fitness Association

+

+ If you become a member of the Financial Fitness Association, then you automatically qualify for membership at Harvard FCU. Harvard FCU will even cover the $8 annual membership fee for the first year! +

+
+ +
diff --git a/src/SearchPage.tsx b/src/SearchPage.tsx index 621f98a..ddc9370 100644 --- a/src/SearchPage.tsx +++ b/src/SearchPage.tsx @@ -1,4 +1,4 @@ -import { useState, useCallback, useRef } from 'react'; +import { useCallback, useRef } from 'react'; import { geocode, lookupCoords } from './util/census'; import { CensusApiResponse, EligibilityAppStates } from './types'; import EligibleTracts from './data/tracts'; @@ -93,7 +93,7 @@ const SearchPage: React.FC = (props: Props) => { return ( <> -
+ Date: Tue, 14 Jan 2025 20:58:49 -0500 Subject: [PATCH 2/2] Updated the links Co-authored-by: Nick Griffiths Co-authored-by: Joe --- src/EligiblePage.tsx | 12 +++++++----- src/NotEligiblePage.tsx | 21 +++++++++------------ 2 files changed, 16 insertions(+), 17 deletions(-) diff --git a/src/EligiblePage.tsx b/src/EligiblePage.tsx index 5c7d72a..0e72884 100644 --- a/src/EligiblePage.tsx +++ b/src/EligiblePage.tsx @@ -2,8 +2,8 @@ import * as React from "react"; type Props = React.PropsWithChildren; -const JoinTodayUrl = 'https://app.loanspq.com/xa/xpressApp.aspx?enc=Kw21Wblm1yxpjJabdoZaD-Gr_IHl-C8fchODgpSxXjXxSPGFrEl4jSeBYt4aHlqZ_hVg_J5c4ST0o0u4NRrvqXWvff49QjYj346K93kVe7U&_gl=1*se66a5*_gcl_au*MTQ3NTg0NDEyLjE3MTc0MTY3OTI.*_ga*MTA5OTEzNjYxNy4xNzE3NDE2Nzky*_ga_TW1V1ZP5ET*MTcxNzQyNzE3OC4zLjEuMTcxNzQzMDU3Ni4wLjAuMA'; -const FFAUrl = 'https://financialfitnessassociation.org' +const joinTodayUrl = 'https://app.loanspq.com/xa/xpressApp.aspx?enc=Kw21Wblm1yxpjJabdoZaD-Gr_IHl-C8fchODgpSxXjXxSPGFrEl4jSeBYt4aHlqZ_hVg_J5c4ST0o0u4NRrvqXWvff49QjYj346K93kVe7U&_gl=1*se66a5*_gcl_au*MTQ3NTg0NDEyLjE3MTc0MTY3OTI.*_ga*MTA5OTEzNjYxNy4xNzE3NDE2Nzky*_ga_TW1V1ZP5ET*MTcxNzQyNzE3OC4zLjEuMTcxNzQzMDU3Ni4wLjAuMA'; +const learnMoreAboutMemberships = 'https://harvardfcu.org/membership/join/' const EligiblePage: React.FC = () => { return ( @@ -27,9 +27,11 @@ const EligiblePage: React.FC = () => {
- - Learn More About Memberships -
+ + + + Learn More About Memberships + ) } diff --git a/src/NotEligiblePage.tsx b/src/NotEligiblePage.tsx index 73c2f8a..8d16cde 100644 --- a/src/NotEligiblePage.tsx +++ b/src/NotEligiblePage.tsx @@ -6,32 +6,29 @@ type Props = { setPageState: React.Dispatch>; } +const ffaUrl = 'https://financialfitnessassociation.org' + const NotEligiblePage: React.FC = (props: Props) => { const { setPageState } = props; return ( <>

- We're sorry, that address is outside of our coverage area. But don't worry, there are still other options! + Sadly, that address is outside of our coverage area. But don't worry, there are still other options!

- You can also qualify by your workplace, school, or place of worship. If you haven't checked those, try again to see if you qualify! + You can also qualify by your workplace, school, or place of worship! If you haven't checked those, try again to see if you qualify!

- -
- -
-

Financial Fitness Association

- If you become a member of the Financial Fitness Association, then you automatically qualify for membership at Harvard FCU. Harvard FCU will even cover the $8 annual membership fee for the first year! + If you become a member of the Financial Fitness Association, then you automatically qualify for membership at Harvard FCU. Harvard FCU will cover the $8 annual membership fee for the first year, and there is no obligation for you to renew your FFA membership after that; once you are a member of the Credit Union, you're a member for life!

- + + + {'Learn More About the FFA >'} +