nits

services/ui-src/src/components/accordians/AccordianItem.test.tsx → services/ui-src/src/components/accordions/AccordionItem.test.tsx

@@ -1,8 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
-// utils
 import { RouterWrappedComponent } from "utils/testing/setupJest";
-// components
 import { Accordion } from "@chakra-ui/react";
 import { AccordionItem } from "components";
 

services/ui-src/src/components/accordians/AccordianItem.tsx → services/ui-src/src/components/accordions/AccordionItem.tsx

@@ -1,13 +1,11 @@
 import { ReactChild } from "react";
-// components
 import {
   AccordionButton,
   AccordionItem as AccordionItemRoot,
   AccordionPanel,
   Image,
   Text,
 } from "@chakra-ui/react";
-// assets
 import plusIcon from "assets/icons/icon_plus.png";
 import minusIcon from "assets/icons/icon_minus.png";
 

services/ui-src/src/components/accordians/FaqAccordian.test.tsx → services/ui-src/src/components/accordions/FaqAccordion.test.tsx

@@ -1,9 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
 import userEvent from "@testing-library/user-event";
-// utils
 import { RouterWrappedComponent } from "utils/testing/setupJest";
-// components
 import { FaqAccordion } from "components";
 
 const accordionItems = [

services/ui-src/src/components/accordians/FaqAccordian.tsx → services/ui-src/src/components/accordions/FaqAccordion.tsx

@@ -1,7 +1,5 @@
-// components
 import { Accordion, Box, Text } from "@chakra-ui/react";
 import { AccordionItem } from "components";
-// utils
 import { AnyObject } from "types";
 
 export const FaqAccordion = ({ accordionItems, ...props }: Props) => {

services/ui-src/src/components/app/App.tsx

@@ -1,6 +1,5 @@
 import { useStore } from "utils";
-import { useEffect } from "react";
-import { useLocation, Routes, Route } from "react-router-dom";
+import { Routes, Route } from "react-router-dom";
 import {
   AppRoutes,
   Error,
@@ -18,7 +17,6 @@ export const App = () => {
   const mqClasses = makeMediaQueryClasses();
   // const context = useContext(UserContext);
   const { user, showLocalLogins } = useStore();
-  const { pathname, key } = useLocation();
   // const { pathname } = useLocation();
 
   // TODO: fire tealium page view on route change
@@ -36,7 +34,7 @@ export const App = () => {
   const authenticatedRoutes = (
     <>
       {user && (
-        <Flex sx={sx.appLayout}>
+        <Flex data-testid="app-container" sx={sx.appLayout}>
           <Timeout />
           <Container sx={sx.appContainer} data-testid="app-container">
             <ErrorBoundary FallbackComponent={Error}>

services/ui-src/src/components/cards/Card.test.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
-//components
 import { Card } from "components";
 
 const cardComponent = (

services/ui-src/src/components/cards/Card.tsx

@@ -1,5 +1,4 @@
 import { ReactChild } from "react";
-// components
 import { Box } from "@chakra-ui/react";
 
 export const Card = ({ children, ...props }: Props) => {

services/ui-src/src/components/cards/EmailCard.test.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
-//components
 import { EmailCard } from "components";
 import { createEmailLink } from "utils/other/email";
 import verbiage from "verbiage/pages/help";

services/ui-src/src/components/cards/EmailCard.tsx

@@ -1,15 +1,12 @@
-// components
 import { Flex, Image, Link, Text } from "@chakra-ui/react";
 import { Card } from "components";
-// utils
 import { useBreakpoint } from "utils";
 import { AnyObject } from "types";
 import { createEmailLink } from "utils/other/email";
-// assets
 import spreadsheetIcon from "assets/icons/icon_spreadsheet.png";
 import settingsIcon from "assets/icons/icon_wrench_gear.png";
 
-const iconMap: { [key: string]: { [key: string]: string } } = {
+const iconMap = {
   spreadsheet: {
     image: spreadsheetIcon,
     alt: "spreadsheet icon",
@@ -47,7 +44,7 @@ export const EmailCard = ({ verbiage, icon, cardprops, ...props }: Props) => {
 
 interface Props {
   verbiage: AnyObject;
-  icon: string;
+  icon: keyof typeof iconMap;
   [key: string]: any;
 }
 

services/ui-src/src/components/index.ts

@@ -1,6 +1,6 @@
 // accordions
-export { AccordionItem } from "./accordians/AccordianItem";
-export { FaqAccordion } from "./accordians/FaqAccordian";
+export { AccordionItem } from "./accordions/AccordionItem";
+export { FaqAccordion } from "./accordions/FaqAccordion";
 // alerts
 export { Alert } from "./alerts/Alert";
 export { ErrorAlert } from "./alerts/ErrorAlert";

services/ui-src/src/components/layout/Footer.test.tsx

@@ -1,8 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
-// utils
 import { RouterWrappedComponent } from "utils/testing/setupJest";
-//components
 import { Footer } from "components";
 
 const footerComponent = (

services/ui-src/src/components/layout/Footer.tsx

@@ -1,9 +1,6 @@
 import { Link as RouterLink } from "react-router-dom";
-// components
 import { Box, Container, Flex, Image, Link, Text } from "@chakra-ui/react";
-// utils
 import { useBreakpoint } from "utils";
-// assets
 import hhsLogo from "assets/logos/logo_hhs.png";
 import medicaidLogo from "assets/logos/logo_medicaid.svg";
 import hcbsLogo from "assets/logos/logo_mdct_hcbs_footer.png";

services/ui-src/src/components/layout/Timeout.test.tsx

@@ -1,11 +1,8 @@
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import { act } from "react-dom/test-utils";
 import { axe } from "jest-axe";
-// components
 import { Timeout } from "components";
-// constants
 import { IDLE_WINDOW, PROMPT_AT } from "../../constants";
-// utils
 import {
   mockStateUserStore,
   RouterWrappedComponent,

services/ui-src/src/components/pages/HelpPage/HelpPage.test.tsx

@@ -1,10 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import { axe } from "jest-axe";
-// components
 import { HelpPage } from "components/pages/HelpPage/HelpPage";
-// utils
 import { RouterWrappedComponent } from "utils/testing/setupJest";
-// verbiage
 import verbiage from "verbiage/pages/help";
 
 const helpView = (

services/ui-src/src/components/pages/HelpPage/HelpPage.tsx

@@ -1,4 +1,3 @@
-// components
 import { Box, Heading, Text } from "@chakra-ui/react";
 import { EmailCard, FaqAccordion, PageTemplate } from "components";
 import verbiage from "verbiage/pages/help";