fix: update heading levels

non-profit-dev · Aug 20, 2023 · 924287a · 924287a · vercel · Aug 20, 2023
1 parent fe7cc74
commit 924287a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/packages/design-system/patterns/feature/Feature.jsx b/packages/design-system/patterns/feature/Feature.jsx
@@ -35,7 +35,11 @@ const Feature = ({
         </Styled.Icon>
       )}
       <Styled.Content>
-        <Typography variant="bodyLarge" color={theme.colors.primary[500]}>
+        <Typography
+          variant="bodyLarge"
+          as="h3"
+          color={theme.colors.primary[500]}
+        >
           {heading}
         </Typography>
         <Typography variant="bodyTitle">{children}</Typography>

diff --git a/packages/frontend/app/templates/Adoption/components/RecurringPayment/RecurringPayment.jsx b/packages/frontend/app/templates/Adoption/components/RecurringPayment/RecurringPayment.jsx
@@ -38,6 +38,7 @@ const RecurringPayment = () => (
                   text="Zlecenie stałe"
                   iconStart="money"
                   variant="h5"
+                  as="h4"
                   line={false}
                 />
               }

diff --git a/packages/frontend/app/templates/Adoption/components/VirtualAdoption/VirtualAdoption.jsx b/packages/frontend/app/templates/Adoption/components/VirtualAdoption/VirtualAdoption.jsx
@@ -93,6 +93,7 @@ const VirtualAdoption = () => (
                         text="Zlecenie stałe"
                         iconStart="money"
                         variant="h5"
+                        as="h4"
                         line={false}
                       />
                     }

diff --git a/.../frontend/app/templates/Adoption/components/VirtualAdoptionSteps/VirtualAdoptionSteps.jsx b/.../frontend/app/templates/Adoption/components/VirtualAdoptionSteps/VirtualAdoptionSteps.jsx
@@ -7,19 +7,19 @@ import * as Styled from "./VirtualAdoptionSteps.styled"
 
 const cardsData = [
   {
-    title: <Title text="Wybierz pupila" textSize="h3" />,
+    title: <Title text="Wybierz pupila" as="h3" />,
     illustrationName: "pet",
     description:
       "Zadecyduj, kto ma zostać Twoim wirtualnym przyjacielem i zapamiętaj jego imię. Możesz adoptować dowolną liczbę pupili.",
   },
   {
-    title: <Title text="Ustaw zlecenie stałe" textSize="h3" />,
+    title: <Title text="Ustaw zlecenie stałe" as="h3" />,
     illustrationName: "standingOrder",
     description:
       "Na swoim koncie bankowym ustaw polecenie przelewu. Koniecznie z dopiskiem: “darowizna i imię podopiecznego”.",
   },
   {
-    title: <Title text="Wyślij potwierdzenie" textSize="h3" />,
+    title: <Title text="Wyślij potwierdzenie" as="h3" />,
     illustrationName: "confirmation",
     description:
       "Wyślij informację za pomocą krótkiego formularza na stronie, żebyśmy mogli znalezć Twoją wpłatę i informować o stanie pupila.",