From 4df01bf76dd0c19d29587571131555639bf2b844 Mon Sep 17 00:00:00 2001
From: Vijay A <vraravam@users.noreply.github.com>
Date: Fri, 6 May 2022 19:06:00 -0500
Subject: Use components defined in the codebase; Extract some text for i18n
 purposes.

---
 src/features/workspaces/components/EditWorkspaceForm.js   | 3 ++-
 src/features/workspaces/components/WorkspacesDashboard.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/features/workspaces')

diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index 878713fe9..6829fddaa 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -18,6 +18,7 @@ import Request from '../../../stores/lib/Request';
 import { KEEP_WS_LOADED_USID } from '../../../config';
 
 import Toggle from '../../../components/ui/Toggle';
+import { H2 } from '../../../components/ui/headline';
 
 const messages = defineMessages({
   buttonDelete: {
@@ -183,7 +184,7 @@ class EditWorkspaceForm extends Component {
               {intl.formatMessage(messages.keepLoadedInfo)}
             </p>
           </div>
-          <h2>{intl.formatMessage(messages.servicesInWorkspaceHeadline)}</h2>
+          <H2>{intl.formatMessage(messages.servicesInWorkspaceHeadline)}</H2>
           <div className={classes.serviceList}>
             {services.length === 0 ? (
               <div className="align-middle settings__empty-state">
diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index 770186be7..f21aaa258 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -12,6 +12,7 @@ import CreateWorkspaceForm from './CreateWorkspaceForm';
 import Request from '../../../stores/lib/Request';
 import Appear from '../../../components/ui/effects/Appear';
 import UIStore from '../../../stores/UIStore';
+import { H1 } from '../../../components/ui/headline';
 
 const messages = defineMessages({
   headline: {
@@ -98,7 +99,7 @@ class WorkspacesDashboard extends Component {
     return (
       <div className="settings__main">
         <div className="settings__header">
-          <h1>{intl.formatMessage(messages.headline)}</h1>
+          <H1>{intl.formatMessage(messages.headline)}</H1>
         </div>
         <div className="settings__body">
           {/* ===== Workspace updated info ===== */}
-- 
cgit v1.2.3-54-g00ecf