use component library Title in place of outdated Heading component

newfold-labs · Jul 3, 2024 · 57b1f18 · 57b1f18
1 parent fbc51e6
commit 57b1f18
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/components/app-nav/logo.js b/src/app/components/app-nav/logo.js
@@ -1,5 +1,5 @@
 import { Button } from '@wordpress/components';
-import { Heading } from '..';
+import { Title } from '@newfold/ui-component-library';
 import { ReactComponent as Brand } from '../../../../assets/svg/web-logo.svg';
 import { delay } from 'lodash';
 
@@ -27,9 +27,9 @@ const Logo = () => {
 	return (
 		<div className="wppw-logo-wrap">
 			<Mark />
-			<Heading level="2" className="screen-reader-text">
+			<Title as="h2" className="screen-reader-text">
 				{ __( 'Web WordPress Plugin', 'wp-plugin-web' ) }
-			</Heading>
+			</Title>
 		</div>
 	);
 };

diff --git a/src/app/components/errorCard/index.js b/src/app/components/errorCard/index.js
@@ -1,5 +1,5 @@
 import './stylesheet.scss';
-import { Heading } from '../../components';
+import { Title } from '@newfold/ui-component-library';
 import { dispatchUpdateSnackbar } from '../../util/helpers';
 import {
 	Card,
@@ -15,7 +15,7 @@ const ErrorCard = ({ error, className, notice = 'Error!' }) => {
 	return (
 		<Card className={classNames('error-card', className)}>
 			<CardHeader>
-				<Heading level="3">
+				<Title as="h3">
 					<Dashicon
 						icon="warning"
 						style={{
@@ -25,7 +25,7 @@ const ErrorCard = ({ error, className, notice = 'Error!' }) => {
 						}}
 					/>{' '}
 					{__('Oh No, An Error!', 'wp-plugin-web')}
-				</Heading>
+				</Title>
 			</CardHeader>
 			<CardBody>
 				<p>