Merge branch 'main' into pv-better-state-handling-generate-pdf

BetterAngelsLA · Jan 30, 2025 · ed25d8c · ed25d8c
2 parents 2659543 + 5c6a9d3
commit ed25d8c
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 1 deletion.
diff --git a/...ldfires/src/app/pages/introduction/firesSurvey/config/forms/questions/isSmallBusiness.tsx b/...ldfires/src/app/pages/introduction/firesSurvey/config/forms/questions/isSmallBusiness.tsx
@@ -3,7 +3,24 @@ import { TQuestion } from '../../../../../../shared/components/survey/types';
 export const qIsSmallBusiness: TQuestion = {
   id: 'qIsSmallBusiness',
   type: 'radio',
-  title: 'Does your business qualify as a SMALL BUSINESS?',
+  title:
+    'Do you own or run a small business that was impacted by the wildfires?',
+  body: 'A small business is an independent for profit* company with less than 500 employees and $5 million in annual revenue – the revenue limit amount can vary by industry.',
+  note: (
+    <span>
+      *Note: Qualified non-profit organizations whose facilities have been
+      impacted by the wildfires, can be eligible for FEMA disaster assistance (
+      <a
+        href="https://www.fema.gov"
+        target="_blank"
+        rel="noreferrer"
+        className="underline"
+      >
+        FEMA.gov
+      </a>
+      )
+    </span>
+  ),
   options: [
     {
       optionId: 'smallBusinessYes',

diff --git a/apps/wildfires/src/app/shared/components/survey/QuestionCard.tsx b/apps/wildfires/src/app/shared/components/survey/QuestionCard.tsx
@@ -22,6 +22,12 @@ export function QuestionCard(props: IProps) {
         title={question.title}
         subtitle={question.subtitle}
       />
+      <div className="text-xl md:mt-[-50px] mb-12 md:mb-20">
+        {!!question.body && question.body}
+      </div>
+      <div className="text-neutral-40 md:mt-[-50px] mb-12 md:mb-20">
+        {!!question.note && question.note}
+      </div>
 
       {!!question.renderIn && question.renderIn}
       <QuestionForm question={question} answer={answer} onAnswer={onAnswer} />

diff --git a/apps/wildfires/src/app/shared/components/survey/types.ts b/apps/wildfires/src/app/shared/components/survey/types.ts
@@ -30,7 +30,9 @@ export type TQuestion = {
   id: string;
   type: 'radio' | 'checkbox';
   title: string;
+  body?: string;
   subtitle?: string;
+  note?: React.ReactNode;
   options: TOption[];
   rules?: TQuestionValidate;
   renderAfter?: ReactNode;

diff --git a/apps/wildfires/tailwind.config.js b/apps/wildfires/tailwind.config.js
@@ -32,6 +32,7 @@ module.exports = {
         'primary-95': 'var(--color-primary-95)',
         'steel-blue': 'var(--color-steel-blue)',
         'neutral-40': 'var(--color-neutral-40)',
+        'neutral-55': 'var(--color-neutral-55)',
         'neutral-70': 'var(--color-neutral-70)',
         'neutral-90': 'var(--color-neutral-90)',
         'neutral-98': 'var(--color-neutral-98)',