Signin and signup text correction

client/src/LoginSignInPopUp.js

@@ -1,27 +1,29 @@
-import { useState, useCallback } from "react";
-import { LoginSignUpPopUp } from "./LoginSignUpPopUp";
-import { PortalPopup } from "./PortalPopup";
-import styles from "./css/LoginSignInPopUp.module.css";
+import { useState, useCallback } from "react"
+import { LoginSignUpPopUp } from "./LoginSignUpPopUp"
+import { PortalPopup } from "./PortalPopup"
+import styles from "./css/LoginSignInPopUp.module.css"
 
 export const LoginSignInPopUp = ({ onClose }) => {
-  const [isSignUpPopUpOpen, setSignUpPopUpOpen] = useState(false);
-  const [isSignInPopUpOpen, setSignInPopUpOpen] = useState(false);
+  const [isSignUpPopUpOpen, setSignUpPopUpOpen] = useState(false)
+  const [isSignInPopUpOpen, setSignInPopUpOpen] = useState(false)
 
   const openSignInPopUp = useCallback(() => {
-    setSignInPopUpOpen(true);
-  }, []);
+    setSignInPopUpOpen(true)
+  }, [])
 
   const closeSignUpPopUp = useCallback(() => {
-    setSignUpPopUpOpen(false);
-  }, []);
+    setSignUpPopUpOpen(false)
+  }, [])
 
   return (
     <>
       <div className={styles.signInPopUpDiv}>
         <article className={styles.loginWholeArticle}>
           <div className={styles.loginSignupLinkDiv} onClick={onClose}>
-            <p className={styles.dontHaveAccount}>{`Don’t have account? `}</p>
-            <button className={styles.signUpButton}onClick={openSignInPopUp} >
+            <p
+              className={styles.dontHaveAccount}
+            >{`Don’t have an account yet? `}</p>
+            <button className={styles.signUpButton} onClick={openSignInPopUp}>
               Sign up
             </button>
           </div>
@@ -88,5 +90,5 @@ export const LoginSignInPopUp = ({ onClose }) => {
         </PortalPopup>
       )}
     </>
-  );
-};
+  )
+}

client/src/LoginSignUpPopUp.js

@@ -1,22 +1,22 @@
-import { useState, useCallback } from "react";
-import { LoginSignInPopUp } from "./LoginSignInPopUp";
-import { PortalPopup } from "./PortalPopup";
-import styles from "./css/LoginSignUpPopUp.module.css";
+import { useState, useCallback } from "react"
+import { LoginSignInPopUp } from "./LoginSignInPopUp"
+import { PortalPopup } from "./PortalPopup"
+import styles from "./css/LoginSignUpPopUp.module.css"
 
 export const LoginSignUpPopUp = ({ onClose }) => {
-  const [isSignInPopUpOpen, setSignInPopUpOpen] = useState(false);
+  const [isSignInPopUpOpen, setSignInPopUpOpen] = useState(false)
 
   const onFrameButtonClick = useCallback(() => {
     // Please sync "LoggedInOptionPopUp" to the project
-  }, []);
+  }, [])
 
   const openSignInPopUp = useCallback(() => {
-    setSignInPopUpOpen(true);
-  }, []);
+    setSignInPopUpOpen(true)
+  }, [])
 
   const closeSignInPopUp = useCallback(() => {
-    setSignInPopUpOpen(false);
-  }, []);
+    setSignInPopUpOpen(false)
+  }, [])
 
   return (
     <>
@@ -66,7 +66,7 @@ export const LoginSignUpPopUp = ({ onClose }) => {
           </button>
         </div>
         <div className={styles.haveAccountLinkDiv}>
-          <b className={styles.youHaveAccount}>You have account?</b>
+          <b className={styles.youHaveAccount}>You already have an account?</b>
           <button className={styles.logInButton} onClick={openSignInPopUp}>
             Log in
           </button>
@@ -82,5 +82,5 @@ export const LoginSignUpPopUp = ({ onClose }) => {
         </PortalPopup>
       )}
     </>
-  );
-};
+  )
+}

client/src/RegistrationFormSection.js

@@ -1,4 +1,4 @@
-import styles from "./css/RegistrationFormSection.module.css";
+import styles from "./css/RegistrationFormSection.module.css"
 
 export const RegistrationFormSection = () => {
   return (
@@ -7,20 +7,20 @@ export const RegistrationFormSection = () => {
         <h2 className={styles.findSupportH2}>Find Support</h2>
         <p className={styles.youWantToStayWithPrivate}>
           <p className={styles.youWantTo}>
-            You want to stay with private volunteers persons in Berlin?
-            
Register now and we will try to find a suitable accommodation for
-            you quickly.
+            Are you needing accomodation at a private volunteer's place in
+            Berlin? Register now and we will try to find a suitable possibility
+            for you as quick as possible.
           </p>
           <p className={styles.youWantTo}>&nbsp;</p>
           <p className={styles.youWantTo}>
-            We will find an accommodation for you - safe and verified
+            Our accommodations are safe and verified
           </p>
           <p className={styles.afterYouRegister}>
-            After you register, our partner organisations and us start the
+            After registration, we and our partner organisations can start the
             search for a suitable accommodation.
           </p>
         </p>
       </div>
     </section>
-  );
-};
+  )
+}