NYCHA LOC VQA changes (#2471)

* typo in confirmation page, your management grammar * fix radio button size for nycha option on splash page * cursor over radio button hover state on splash page
JustFixNYC · Feb 14, 2025 · 0836427 · 0836427
1 parent 31b60b2
commit 0836427
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/frontend/lib/loc/letter-request.tsx b/frontend/lib/loc/letter-request.tsx
@@ -17,6 +17,7 @@ import { BulmaClassName } from "../ui/bulma";
 import { MiddleProgressStep } from "../progress/progress-step-route";
 import { LetterPreview } from "../static-page/letter-preview";
 import { DemoDeploymentNote } from "../ui/demo-deployment-note";
+import { isUserNycha } from "../util/nycha";
 
 const UNKNOWN_LANDLORD = { name: "", address: "" };
 
@@ -33,7 +34,8 @@ export const SendConfirmModal = withAppContext(
           <>
             <p>
               JustFix will send this letter via USPS Certified Mail
-              <sup>&reg;</sup> to your landlord:
+              <sup>&reg;</sup> to{" "}
+              {isUserNycha(props.session) ? "management" : "your landlord"}:
             </p>
             <address className="has-text-centered">
               {landlord.name || "UNKNOWN LANDLORD"}

diff --git a/frontend/lib/loc/loc-confirmation.tsx b/frontend/lib/loc/loc-confirmation.tsx
@@ -21,7 +21,7 @@ const DownloadLetterLink = (props: { locPdfURL: string }) => (
 const getCommonMailNextSteps = (isUserNycha: boolean) => [
   <li>
     <p>
-      Once received, your {isUserNycha ? "management" : "landlord"} should
+      Once received, {isUserNycha ? "management" : "your landlord"} should
       contact you to schedule time to make repairs for the access dates you
       provided.
     </p>
@@ -51,10 +51,10 @@ const getCommonMailNextSteps = (isUserNycha: boolean) => [
 const getCommonWeMailNextSteps = (isUserNycha: boolean) => [
   ...getCommonMailNextSteps(isUserNycha),
   <li>
-    We will continue to follow up with you via text message. If your{" "}
-    {isUserNycha ? "management" : "landlord"}
-    does not follow through, you now have better legal standing to sue your
-    {isUserNycha ? "management" : "landlord"}.{" "}
+    We will continue to follow up with you via text message. If{" "}
+    {isUserNycha ? "management" : "your landlord"} does not follow through, you
+    now have better legal standing to sue{" "}
+    {isUserNycha ? "management" : "your landlord"}.{" "}
     <strong>This is called an HP Action proceeding.</strong>
   </li>,
 ];
@@ -144,8 +144,8 @@ function UserWillMailLetterStatus(props: {
             <p>
               Print out your letter and{" "}
               <strong>mail it via Certified Mail</strong> - this allows you to
-              prove that it was sent to your{" "}
-              {props.isUserNycha ? "management" : "landlord"}.
+              prove that it was sent to{" "}
+              {props.isUserNycha ? "management" : "your landlord"}.
             </p>
           </li>,
           ...getCommonMailNextSteps(props.isUserNycha),
@@ -227,8 +227,8 @@ const LetterConfirmation = withAppContext(
       >
         {letterStatus}
         <h2>
-          Email a copy of your letter to yourself, someone you trust, or your
-          landlord.
+          Email a copy of your letter to yourself, someone you trust, or{" "}
+          {isUserNycha(props.session) ? "management" : "your landlord"}.
         </h2>
         <EmailAttachmentForm mutation={EmailLetterMutation} noun="letter" />
         <h2>Want to read more about your rights?</h2>

diff --git a/frontend/sass/_landing-page.scss b/frontend/sass/_landing-page.scss
@@ -45,6 +45,12 @@
         align-self: center;
         width: 24px;
         height: 24px;
+        flex-shrink: 0;
+        cursor: pointer;
+      }
+
+      label {
+        cursor: pointer;
       }
 
       /* Tooltip CSS largely taken from https://www.w3schools.com/css/css_tooltip.asp */