Add settings description

See: #10940
Automattic · Dec 18, 2018 · 1ef419a · 1ef419a
1 parent 504f2cb
commit 1ef419a
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/_inc/client/performance/index.jsx b/_inc/client/performance/index.jsx
@@ -6,6 +6,7 @@
 
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
+import { translate as __ } from 'i18n-calypso';
 
 /**
  * Internal dependencies
@@ -14,6 +15,7 @@ import { getModule } from 'state/modules';
 import { isUnavailableInDevMode } from 'state/connection';
 import { getModuleOverride } from 'state/modules';
 import { isModuleFound } from 'state/search';
+import Card from 'components/card';
 import QuerySite from 'components/data/query-site';
 import Media from './media';
 import Search from './search';
@@ -48,6 +50,12 @@ class Performance extends Component {
 		return (
 			<div>
 				<QuerySite />
+
+				<Card
+					title={ __( 'Load pages faster, optimize images, and speed up your visitors’ experience.' ) }
+					className="jp-settings-description"
+				/>
+
 				<SpeedUpSite { ...commonProps } />
 				<Media { ...commonProps } />
 				<Search { ...commonProps } />