Merge pull request #2811 from woocommerce/PCP-3944-renaming-dashboard-to-overview

New Settings UI: Rename Dashboard to Overview (3944)

modules/ppcp-settings/resources/css/components/screens/overview/_tab-overview.scss

@@ -1,4 +1,4 @@
-.ppcp-r-tab-dashboard-todo {
+.ppcp-r-tab-overview-todo {
 	margin: 0 0 48px 0;
 }
 

modules/ppcp-settings/resources/css/style.scss

@@ -20,9 +20,9 @@
 	@import './components/reusable-components/spinner-overlay';
 	@import './components/reusable-components/welcome-docs';
 	@import './components/screens/onboarding';
-	@import './components/screens/dashboard/tab-dashboard';
-	@import './components/screens/dashboard/tab-payment-methods';
-	@import 'components/screens/dashboard/tab-settings';
+	@import './components/screens/overview/tab-overview';
+	@import './components/screens/overview/tab-payment-methods';
+	@import 'components/screens/overview/tab-settings';
 }
 
 @import './components/reusable-components/payment-method-modal';

modules/ppcp-settings/resources/js/Components/Screens/Overview/TabOverview.js

@@ -15,16 +15,16 @@ import ConnectionInfo, {
 	connectionStatusDataDefault,
 } from '../../ReusableComponents/ConnectionInfo';
 
-const TabDashboard = () => {
+const TabOverview = () => {
 	const [ todos, setTodos ] = useState( [] );
 	const [ todosData, setTodosData ] = useState( todosDataDefault );
 
 	return (
-		<div className="ppcp-r-tab-dashboard">
+		<div className="ppcp-r-tab-overview">
 			{ todosData.length > 0 && (
 				<SettingsCard
-					className="ppcp-r-tab-dashboard-todo"
-					icon="icon-dashboard-list.svg"
+					className="ppcp-r-tab-overview-todo"
+					icon="icon-overview-list.svg"
 					title={ __(
 						'Things to do next',
 						'woocommerce-paypal-payments'
@@ -51,8 +51,8 @@ const TabDashboard = () => {
 				</SettingsCard>
 			) }
 			<SettingsCard
-				className="ppcp-r-tab-dashboard-support"
-				icon="icon-dashboard-support.svg"
+				className="ppcp-r-tab-overview-support"
+				icon="icon-overview-support.svg"
 				title={ __( 'Status', 'woocommerce-paypal-payments' ) }
 				description={ __(
 					'Your PayPal account connection details, along with available products and features.',
@@ -400,4 +400,4 @@ const featuresDefault = [
 		],
 	},
 ];
-export default TabDashboard;
+export default TabOverview;

modules/ppcp-settings/resources/js/Components/Screens/tabs.js

@@ -1,16 +1,16 @@
 import { __ } from '@wordpress/i18n';
-import TabDashboard from './Dashboard/TabDashboard';
-import TabPaymentMethods from './Dashboard/TabPaymentMethods';
-import TabSettings from './Dashboard/TabSettings';
-import TabStyling from './Dashboard/TabStyling';
+import TabOverview from './Overview/TabOverview';
+import TabPaymentMethods from './Overview/TabPaymentMethods';
+import TabSettings from './Overview/TabSettings';
+import TabStyling from './Overview/TabStyling';
 
 export const getSettingsTabs = () => {
 	const tabs = [];
 
 	tabs.push( {
-		name: 'dashboard',
-		title: __( 'Dashboard', 'woocommerce-paypal-payments' ),
-		component: <TabDashboard />,
+		name: 'overview',
+		title: __( 'Overview', 'woocommerce-paypal-payments' ),
+		component: <TabOverview />,
 	} );
 
 	tabs.push( {