From 57b1f18501e2e12453bdebaa9b578696854986da Mon Sep 17 00:00:00 2001
From: Evan Mullins <evanrm@gmail.com>
Date: Wed, 3 Jul 2024 14:12:33 -0400
Subject: [PATCH] use component library Title in place of outdated Heading
 component

---
 src/app/components/app-nav/logo.js    | 6 +++---
 src/app/components/errorCard/index.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/components/app-nav/logo.js b/src/app/components/app-nav/logo.js
index c985eaa..b639e9e 100644
--- 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
index 828dd4e..42867ae 100644
--- 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>