Changed order of html and title in hero

grundeinkommensbuero · Jul 12, 2024 · d1e39fc · d1e39fc
1 parent 5d35e73
commit d1e39fc
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx
@@ -36,17 +36,18 @@ export const Hero = ({
           />
         </div>
       )}
+      {heroTitle && <h1 className={cN(s.title, s.titles)}>{heroTitle}</h1>}
+      {heroSubTitle && (
+        <h3 className={cN(s.subTitle, s.titles)}>{heroSubTitle}</h3>
+      )}
       {/* see https://legacy.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml and https://blog.logrocket.com/using-dangerouslysetinnerhtml-react-application/ */}
       {heroHTML && (
         <div
           className={s.heroHTMLContainer}
           dangerouslySetInnerHTML={{ __html: heroHTML }}
         />
       )}
-      {heroTitle && <h1 className={cN(s.title, s.titles)}>{heroTitle}</h1>}
-      {heroSubTitle && (
-        <h3 className={cN(s.subTitle, s.titles)}>{heroSubTitle}</h3>
-      )}
+
     </section>
   );
 };