Fix changelog dialog heading size (#11286)

matrix-org · Jul 19, 2023 · 150e977 · 150e977
1 parent 42d8e4f
commit 150e977
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/components/views/dialogs/ChangelogDialog.tsx b/src/components/views/dialogs/ChangelogDialog.tsx
@@ -20,6 +20,7 @@ import React from "react";
 import { _t } from "../../../languageHandler";
 import QuestionDialog from "./QuestionDialog";
 import Spinner from "../elements/Spinner";
+import Heading from "../typography/Heading";
 
 interface IProps {
     newVersion: string;
@@ -100,7 +101,9 @@ export default class ChangelogDialog extends React.Component<IProps, State> {
             }
             return (
                 <div key={repo}>
-                    <h2>{repo}</h2>
+                    <Heading as="h2" size="4">
+                        {repo}
+                    </Heading>
                     <ul>{content}</ul>
                 </div>
             );

diff --git a/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap b/test/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
@@ -38,7 +38,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
         class="mx_ChangelogDialog_content"
       >
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             vector-im/element-web
           </h2>
           <ul>
@@ -56,7 +58,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
           </ul>
         </div>
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             matrix-org/matrix-react-sdk
           </h2>
           <ul>
@@ -74,7 +78,9 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
           </ul>
         </div>
         <div>
-          <h2>
+          <h2
+            class="mx_Heading_h4"
+          >
             matrix-org/matrix-js-sdk
           </h2>
           <ul>