fix(ui): FAQ dropdown for Temporary Extensions (#955)

* fix: remove console warnings about improper asset `href` * fix: update `anchorText`
Enterprise-CMCS · Dec 30, 2024 · a25950e · a25950e
1 parent d26846d
commit a25950e
Show file tree

Hide file tree

Showing 11 changed files with 95 additions and 181 deletions.
diff --git a/react-app/src/components/Footer/index.tsx b/react-app/src/components/Footer/index.tsx
@@ -1,5 +1,3 @@
-import MedicaidLogo from "@/assets/MedicaidLogo.svg";
-import DepartmentOfHealthLogo from "@/assets/DepartmentOfHealthLogo.svg";
 import { Alert, Button } from "@/components";
 import { Link } from "react-router";
 
@@ -19,13 +17,13 @@ export const Footer = ({ email, address }: Props) => {
       <section className="bg-sky-100">
         <div className="grid grid-cols-12 gap-4 px-10 py-4 max-w-screen-xl mx-auto">
           <img
-            src={MedicaidLogo}
+            src="/MedicaidLogo.svg"
             alt="Logo for Medicaid"
             className="w-36 col-span-6 sm:col-span-6 justify-self-start self-center sm:justify-self-start sm:self-center"
           />
           <img
             className="max-w-36 col-span-6 sm:col-span-2 justify-self-end self-center"
-            src={DepartmentOfHealthLogo}
+            src="/DepartmentOfHealthLogo.svg"
             alt="Logo for Department of Health and Human Services"
           />
           <p className="col-span-12 sm:col-span-4">

diff --git a/react-app/src/components/Layout/index.tsx b/react-app/src/components/Layout/index.tsx
@@ -1,5 +1,4 @@
 import { NavLink, NavLinkProps, Outlet, Link, useNavigate } from "react-router";
-import oneMacLogo from "@/assets/onemac-logo.png";
 import { useMediaQuery } from "@/hooks";
 import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
 import { useState } from "react";
@@ -162,7 +161,7 @@ export const Layout = () => {
               <Link to="/">
                 <img
                   className="h-10 w-28 min-w-[112px] resize-none"
-                  src={oneMacLogo}
+                  src="/onemac-logo.png"
                   alt="onemac site logo"
                 />
               </Link>
@@ -171,7 +170,7 @@ export const Layout = () => {
               <div>
                 <img
                   className="h-10 w-28 min-w-[112px] resize-none"
-                  src={oneMacLogo}
+                  src="/onemac-logo.png"
                   alt="onemac site logo"
                 />
               </div>

diff --git a/react-app/src/components/UsaBanner/index.tsx b/react-app/src/components/UsaBanner/index.tsx
@@ -3,7 +3,6 @@ import { useLoaderData } from "react-router";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import config from "@/config";
 import { LockIcon } from "../LockIcon";
-import UsFlag from "@/assets/us_flag_small.png";
 
 const MiniLock = () => {
   return (
@@ -57,7 +56,7 @@ export const UsaBanner = ({ isUserMissingRole }: UsaBannerProps) => {
   return (
     <div className="bg-[#f0f0f0]" role="banner">
       <div className="max-w-screen-xl px-4 py-1 lg:px-8 text-xs mx-auto gap-2 items-center hidden md:flex">
-        <img className="w-4 h-[11px]" src={UsFlag} alt="A United States Flag icon" />
+        <img className="w-4 h-[11px]" src="/us_flag_small.png" alt="A United States Flag icon" />
         <p data-testid="usa-statement-d">An official website of the United States government</p>
         <button
           data-testid="usa-expand-btn-d"
@@ -77,7 +76,7 @@ export const UsaBanner = ({ isUserMissingRole }: UsaBannerProps) => {
         className="w-full flex items-center text-[0.8rem] px-4 py-1 leading-4 gap-2 md:hidden"
         onClick={() => setIsOpen((value) => !value)}
       >
-        <img className="w-4 h-[11px]" src={UsFlag} alt="A United States Flag icon" />
+        <img className="w-4 h-[11px]" src="/us_flag_small.png" alt="A United States Flag icon" />
         <div>
           <p data-testid="usa-statement-m">An official website of the United States government</p>
           <div className="flex">

diff --git a/react-app/src/features/faq/content/abpGuides.ts b/react-app/src/features/faq/content/abpGuides.ts
@@ -1,82 +1,69 @@
-import IG_abp1PDF from "@/assets/abp/IG_ABP1_AlternativeBenefitPlanPopulations.pdf";
-import IG_abp2aPDF from "@/assets/abp/IG_ABP2a_VoluntaryBenefitPackageAssurances.pdf";
-import IG_abp2bPDF from "@/assets/abp/IG_ABP2b_VoluntaryEnrollmentAssurances.pdf";
-import IG_abp3PDF from "@/assets/abp/IG_ABP3_SelectionOfBenchmark20190819-Final.pdf";
-import IG_abp31PDF from "@/assets/abp/IG_ABP3.1_SelectionOfBenchmarkAfter2020.pdf";
-import IG_abp4PDF from "@/assets/abp/IG_ABP4_AbpCostSharing.pdf";
-import IG_abp5PDF from "@/assets/abp/IG_ABP5_BenefitsDescription-Final.pdf";
-import IG_abp6PDF from "@/assets/abp/IG_ABP6_BenchmarkEquivalentBenefit.pdf";
-import IG_abp7PDF from "@/assets/abp/IG_ABP7_BenefitAssurances.pdf";
-import IG_abp8PDF from "@/assets/abp/IG_ABP8_ServiceDeliverySystems.pdf";
-import IG_abp9PDF from "@/assets/abp/IG_ABP9_EmployerSponsoredInsurance.pdf";
-import IG_abp10PDF from "@/assets/abp/IG_ABP10_GeneralAssurances.pdf";
-import IG_abp11PDF from "@/assets/abp/IG_ABP11_PaymentMethodology.pdf";
 import { Template } from "./chpRenderSection";
 
 export const ABP_GUIDES: Template[] = [
   {
     title: "ABP 1",
     text: "Alternative Benefit Plan Populations Implementation Guide",
-    href: IG_abp1PDF,
+    href: "/abp/IG_ABP1_AlternativeBenefitPlanPopulations.pdf",
   },
   {
     title: "ABP 2a",
     text: "Voluntary Benefit Package Selection Assurances - Eligibility Group under Section 1902(a)(10)(A)(i)(VIII) of the Act Implementation Guide",
-    href: IG_abp2aPDF,
+    href: "/abp/IG_ABP2a_VoluntaryBenefitPackageAssurances.pdf",
   },
   {
     title: "ABP 2b",
     text: "Voluntary Enrollment Assurances for Eligibility Groups other than the Adult Group under Section 1902(a)(10)(A)(i)(VIII) of the Act Implementation Guide",
-    href: IG_abp2bPDF,
+    href: "/abp/IG_ABP2b_VoluntaryEnrollmentAssurances.pdf",
   },
   {
     title: "ABP 3",
     text: "Selection of Benchmark Benefit Package or Benchmark-Equivalent Benefit Package Implementation Guide",
-    href: IG_abp3PDF,
+    href: "/abp/IG_ABP3_SelectionOfBenchmark20190819-Final.pdf",
   },
   {
     title: "ABP 3.1",
     text: "Selection of Benchmark Benefit or Benchmark-Equivalent Benefit Package Implementation Guide",
-    href: IG_abp31PDF,
+    href: "/abp/IG_ABP3.1_SelectionOfBenchmarkAfter2020.pdf",
   },
   {
     title: "ABP 4",
     text: "Alternative Benefit Plan Cost Sharing Implementation Guide",
-    href: IG_abp4PDF,
+    href: "/abp/IG_ABP4_AbpCostSharing.pdf",
   },
   {
     title: "ABP 5",
     text: "Benefits Description Implementation Guide",
-    href: IG_abp5PDF,
+    href: "/abp/IG_ABP5_BenefitsDescription-Final.pdf",
   },
   {
     title: "ABP 6",
     text: "Benchmark-Equivalent Benefit Package Implementation Guide",
-    href: IG_abp6PDF,
+    href: "/abp/IG_ABP6_BenchmarkEquivalentBenefit.pdf",
   },
   {
     title: "ABP 7",
     text: "Benefits Assurances Implementation Guide",
-    href: IG_abp7PDF,
+    href: "/abp/IG_ABP7_BenefitAssurances.pdf",
   },
   {
     title: "ABP 8",
     text: "Service Delivery Systems Implementation Guide",
-    href: IG_abp8PDF,
+    href: "/abp/IG_ABP8_ServiceDeliverySystems.pdf",
   },
   {
     title: "ABP 9",
     text: "Employer-Sponsored Insurance and Payment of Premiums Implementation Guide",
-    href: IG_abp9PDF,
+    href: "/abp/IG_ABP9_EmployerSponsoredInsurance.pdf",
   },
   {
     title: "ABP 10",
     text: "General Assurances Implementation Guide",
-    href: IG_abp10PDF,
+    href: "/abp/IG_ABP10_GeneralAssurances.pdf",
   },
   {
     title: "ABP 11",
     text: "Payment Methodology Implementation Guide",
-    href: IG_abp11PDF,
+    href: "/abp/IG_ABP11_PaymentMethodology.pdf",
   },
 ];
diff --git a/react-app/src/features/faq/content/abpTemplate.tsx b/react-app/src/features/faq/content/abpTemplate.tsx
@@ -1,86 +1,73 @@
-import abp1PDF from "@/assets/abp/ABP1.pdf";
-import abp2aPDF from "@/assets/abp/ABP2a.pdf";
-import abp2bPDF from "@/assets/abp/ABP2b.pdf";
-import abp3PDF from "@/assets/abp/ABP3.pdf";
-import abp31PDF from "@/assets/abp/ABP3.1.pdf";
-import abp4PDF from "@/assets/abp/ABP4.pdf";
-import abp5PDF from "@/assets/abp/ABP5.pdf";
-import abp6PDF from "@/assets/abp/ABP6.pdf";
-import abp7PDF from "@/assets/abp/ABP7.pdf";
-import abp8PDF from "@/assets/abp/ABP8.pdf";
-import abp9PDF from "@/assets/abp/ABP9.pdf";
-import abp10PDF from "@/assets/abp/ABP10.pdf";
-import abp11PDF from "@/assets/abp/ABP11.pdf";
 import { Template } from "./chpRenderSection";
 
 export const ABP_TEMPLATES: Template[] = [
   {
     title: "ABP 1",
     text: "Alternative Benefit Plan Populations",
-    href: abp1PDF,
+    href: "/abp/ABP1.pdf",
   },
   {
     title: "ABP 2a",
     text: "Voluntary Benefit Package Selection Assurances - Eligibility Group under Section 1902(a)(10)(A)(i)(VIII) of the Act",
-    href: abp2aPDF,
+    href: "/abp/ABP2a.pdf",
   },
   {
     title: "ABP 2b",
     text: "Voluntary Enrollment Assurances for Eligibility Groups other than the Adult Group under Section 1902(a)(10)(A)(i)(VIII) of the Act",
-    href: abp2bPDF,
+    href: "/abp/ABP2b.pdf",
   },
   {
     title: "ABP 3",
     text: "Selection of Benchmark Benefit Package or Benchmark-Equivalent Benefit Package",
-    href: abp3PDF,
+    href: "/abp/ABP3.pdf",
     subtext: [
       "Use only if ABP has an effective date earlier than 1/1/2020 or if only changing the Section 1937 Coverage Option of an ABP implemented before 1/1/2020",
     ],
   },
   {
     title: "ABP 3.1",
     text: "Selection of Benchmark Benefit or Benchmark-Equivalent Benefit Package",
-    href: abp31PDF,
+    href: "/abp/ABP3.1.pdf",
     subtext: ["Use only for ABPs effective on or after 1/1/2020"],
   },
   {
     title: "ABP 4",
     text: "Alternative Benefit Plan Cost Sharing",
-    href: abp4PDF,
+    href: "/abp/ABP4.pdf",
   },
   {
     title: "ABP 5",
     text: "Benefits Description",
-    href: abp5PDF,
+    href: "/abp/ABP5.pdf",
   },
   {
     title: "ABP 6",
     text: "Benchmark-Equivalent Benefit Package",
-    href: abp6PDF,
+    href: "/abp/ABP6.pdf",
   },
   {
     title: "ABP 7",
     text: "Benefits Assurances",
-    href: abp7PDF,
+    href: "/abp/ABP7.pdf",
   },
   {
     title: "ABP 8",
     text: "Service Delivery Systems",
-    href: abp8PDF,
+    href: "/abp/ABP8.pdf",
   },
   {
     title: "ABP 9",
     text: "Employer-Sponsored Insurance and Payment of Premiums",
-    href: abp9PDF,
+    href: "/abp/ABP9.pdf",
   },
   {
     title: "ABP 10",
     text: "General Assurances",
-    href: abp10PDF,
+    href: "/abp/ABP10.pdf",
   },
   {
     title: "ABP 11",
     text: "Payment Methodology",
-    href: abp11PDF,
+    href: "/abp/ABP11.pdf",
   },
 ];