chore: review

SocialGouv · Aug 22, 2023 · fa61e0e · fa61e0e
1 parent a60d234
commit fa61e0e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/...ges/code-du-travail-frontend/src/outils/CommonSteps/Agreement/components/NoEnterprise.tsx b/...ges/code-du-travail-frontend/src/outils/CommonSteps/Agreement/components/NoEnterprise.tsx
@@ -43,6 +43,7 @@ export function NoEnterprise({
             onCheckboxChange(!isCheckboxChecked);
           }}
           checked={isCheckboxChecked}
+          tabIndex={1}
         />
         <ButtonClicker
           onClick={() => setIsInputVisible(!isInputVisible)}

diff --git a/...ntend/src/outils/common/Agreement/AgreementSearch/AgreementInput/SearchAgreementInput.tsx b/...ntend/src/outils/common/Agreement/AgreementSearch/AgreementInput/SearchAgreementInput.tsx
@@ -56,6 +56,7 @@ export const SearchAgreementInput = ({
     type: "search",
     value: query,
     "data-testid": "agreement-search-input",
+    tabIndex: "1",
   };
   return (
     <>

diff --git a/.../outils/common/Agreement/EnterpriseSearch/EntrepriseSearchInput/SearchEnterpriseInput.tsx b/.../outils/common/Agreement/EnterpriseSearch/EntrepriseSearchInput/SearchEnterpriseInput.tsx
@@ -81,6 +81,7 @@ export const SearchEnterpriseInput = ({
             autoComplete="off"
             data-testid="agreement-company-search-input"
             disabled={isDisabled}
+            tabIndex={1}
           />
         </Box>
         <Box>
@@ -104,6 +105,7 @@ export const SearchEnterpriseInput = ({
               autoComplete="off"
               data-testid="agreement-postal-code-search-input"
               disabled={isDisabled}
+              tabIndex={1}
             />
             <SubmitIcon
               type="submit"
@@ -115,6 +117,7 @@ export const SearchEnterpriseInput = ({
               variant="secondary"
               data-testid="agreement-company-search-button"
               disabled={isDisabled}
+              tabIndex={1}
             >
               <MobileOnly>Rechercher</MobileOnly>
               <StyledSearchIcon />

diff --git a/packages/code-du-travail-frontend/src/outils/common/Feedback/introduction.tsx b/packages/code-du-travail-frontend/src/outils/common/Feedback/introduction.tsx
@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { Button, Heading } from "@socialgouv/cdtn-ui";
+import { Button, theme } from "@socialgouv/cdtn-ui";
 
 type IntroductionProps = {
   onClick: () => void;
@@ -16,8 +16,14 @@ export const Introduction = ({ onClick }: IntroductionProps): JSX.Element => {
   );
 };
 
-const StyledHeading = styled(Heading)`
+const { fonts } = theme;
+
+const StyledHeading = styled.span`
   text-align: center;
+  color: ${({ theme }) => theme.title};
+  font-weight: 600;
+  font-size: ${fonts.sizes.headings.small};
+  margin: 32px auto 20px;
 `;
 
 const StyledButton = styled(Button)`