Merge pull request #327 from Rebuild-Black-Business/revert-324-sugges…

…tionBox

Revert "Suggestion box"

.env.EXAMPLE

@@ -1,4 +1,4 @@
-  # for local dev, you’ll need an Airtable API key get access to the Airtable
+# for local dev, you’ll need an Airtable API key get access to the Airtable
 # we’re using here. To get access to the base, click this invite link:
 #  https://bit.ly/3gSMniS
 #
@@ -15,4 +15,4 @@ GATSBY_AIRTABLE_BASE_ID=appkenjGlBB01wr3i
 # The GATSBY_RBB_API_KEY is stored in a note in the 1pass vault for this project.
 # Make sure you're using the appropriate key for the environment you're testing (production, staging, local dev)
 # Note: if you're testing locally, you should PROBABLY be looking at .env.development instead of here!
-GATSBY_RBB_API_KEY=12345
+GATSBY_RBB_API_KEY=12345

.env.development.EXAMPLE

@@ -1,4 +1,4 @@
-  # copy/paste this file, and rename it to `.env.devlopment` (remove .EXAMPLE) - these are picked up by gatsby during local dev
+# copy/paste this file, and rename it to `.env.devlopment` (remove .EXAMPLE) - these are picked up by gatsby during local dev
 
 GATSBY_SEARCH_API_ENDPOINT=''
 

src/components/Feeds/AllyFeed.js

@@ -167,7 +167,11 @@ const AllyFeed = props => {
         ) : (
           <NoResultsCard type="allies" />
         )}
-        <ModalForm isOpen={isOpen} onClose={onClose} />
+        <ModalForm
+          isOpen={isOpen}
+          title="Sign up to be an Ally"
+          onClose={onClose}
+        />
       </Box>
     </>
   );

src/components/Forms/AllySignUpForm.js

@@ -63,10 +63,6 @@ const AllySignUpForm = () => {
         }
       }}
     >
-      <Text fontSize="xl" textAlign="center">
-        Sign up to be an Ally
-      </Text>
-
       {/* renders when form is submitted with validation errors */}
       {validationMessage && <Text>{validationMessage}</Text>}
 

src/components/Forms/BusinessSignUpForm.js

@@ -156,9 +156,6 @@ const BusinessSignUpForm = ({ isFundraiser = false }) => {
         }
       }}
     >
-      <Text fontSize="xl" textAlign="center">
-        Register your business
-      </Text>
       {/* renders when form is submitted with validation errors */}
       {validationMessage && <Text>{validationMessage}</Text>}
 

src/components/about/ContactCard.js

@@ -18,7 +18,6 @@ import React from 'react';
 import Image from '../../components/Image.js';
 import { VOLUNTEER_URL } from '../../constants/about';
 import BusinessSignUpForm from '../Forms/BusinessSignUpForm.js';
-import SuggestionBox from '../Forms/SuggestionBox.js';
 
 const CardContent = ({ title, blurb, publicId, alt, transforms = {} }) => {
   const theme = useTheme();
@@ -78,13 +77,13 @@ const CardImage = ({ publicId, transforms, alt }) => {
 };
 
 const ModalForm = ({ isOpen, onClose, title }) => (
-  <Modal isOpen={isOpen} onClose={onClose} closeOnOverlayClick={false}>
+  <Modal isOpen={isOpen} onClose={onClose}>
     <ModalOverlay />
     <ModalContent>
       <ModalHeader>{title}</ModalHeader>
       <ModalCloseButton />
       <ModalBody>
-        <SuggestionBox />
+        <BusinessSignUpForm />
       </ModalBody>
     </ModalContent>
   </Modal>
@@ -98,7 +97,6 @@ const ModalCard = ({
   blurb,
   margin,
   transforms = {},
-  suggestions,
 }) => {
   const { onOpen, isOpen, onClose } = useDisclosure();
   const focusRef = React.useRef();
@@ -122,12 +120,7 @@ const ModalCard = ({
           transforms={transforms}
         />
       </Flex>
-      <ModalForm
-        isOpen={isOpen}
-        title={modalTitle}
-        onClose={onClose}
-        suggestions={suggestions}
-      />
+      <ModalForm isOpen={isOpen} title={modalTitle} onClose={onClose} />
     </>
   );
 };
@@ -198,7 +191,6 @@ const ContactCard = ({
   modalTitle,
   email,
   transforms = {},
-  suggestions,
 }) => {
   const cardStyle = {
     hover: {

src/pages/about.js

@@ -166,11 +166,11 @@ export default function About() {
           >
             <ContactCard
               modalCard
-              title="Suggestions"
-              blurb="How can we improve?"
+              title="Business Owners"
               publicId="assets/contact-left"
               alt="business shop window"
               transforms={{ width: 800, height: 450, crop: 'crop' }}
+              blurb="Add your business to our list"
             />
             <ErrorBoundary>
               <StaticQuery