diff --git a/plugins/woocommerce-admin/changelogs/fix-7693 b/plugins/woocommerce-admin/changelogs/fix-7693 new file mode 100644 index 00000000000..413ecce92fb --- /dev/null +++ b/plugins/woocommerce-admin/changelogs/fix-7693 @@ -0,0 +1,4 @@ +Significance: patch +Type: Dev + +Remove unused task styling classes #8234 diff --git a/plugins/woocommerce-admin/client/inbox-panel/dissmiss-all-modal.js b/plugins/woocommerce-admin/client/inbox-panel/dismiss-all-modal.js similarity index 96% rename from plugins/woocommerce-admin/client/inbox-panel/dissmiss-all-modal.js rename to plugins/woocommerce-admin/client/inbox-panel/dismiss-all-modal.js index efbf1f4a7a9..5fe8387ec3b 100644 --- a/plugins/woocommerce-admin/client/inbox-panel/dissmiss-all-modal.js +++ b/plugins/woocommerce-admin/client/inbox-panel/dismiss-all-modal.js @@ -7,7 +7,7 @@ import { useDispatch } from '@wordpress/data'; import { Button, Modal } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; -const DissmissAllModal = ( { onClose } ) => { +const DismissAllModal = ( { onClose } ) => { const { createNotice } = useDispatch( 'core/notices' ); const { batchUpdateNotes, removeAllNotes } = useDispatch( @@ -81,4 +81,4 @@ const DissmissAllModal = ( { onClose } ) => { ); }; -export default DissmissAllModal; +export default DismissAllModal; diff --git a/plugins/woocommerce-admin/client/inbox-panel/index.js b/plugins/woocommerce-admin/client/inbox-panel/index.js index b90bfbf5e08..bf4d84949bd 100644 --- a/plugins/woocommerce-admin/client/inbox-panel/index.js +++ b/plugins/woocommerce-admin/client/inbox-panel/index.js @@ -26,7 +26,7 @@ import moment from 'moment'; import { ActivityCard } from '~/activity-panel/activity-card'; import { hasValidNotes, truncateRenderableHTML } from './utils'; import { getScreenName } from '../utils'; -import DismissAllModal from './dissmiss-all-modal'; +import DismissAllModal from './dismiss-all-modal'; import './index.scss'; const renderEmptyCard = () => ( diff --git a/plugins/woocommerce-admin/client/profile-wizard/index.js b/plugins/woocommerce-admin/client/profile-wizard/index.js index 5a172632357..c666f5bb509 100644 --- a/plugins/woocommerce-admin/client/profile-wizard/index.js +++ b/plugins/woocommerce-admin/client/profile-wizard/index.js @@ -76,7 +76,6 @@ class ProfileWizard extends Component { componentDidMount() { document.body.classList.remove( 'woocommerce-admin-is-loading' ); - document.body.classList.add( 'woocommerce-onboarding' ); document.body.classList.add( 'woocommerce-profile-wizard__body' ); document.body.classList.add( 'woocommerce-admin-full-screen' ); document.body.classList.add( 'is-wp-toolbar-disabled' ); @@ -87,7 +86,6 @@ class ProfileWizard extends Component { } componentWillUnmount() { - document.body.classList.remove( 'woocommerce-onboarding' ); document.body.classList.remove( 'woocommerce-profile-wizard__body' ); document.body.classList.remove( 'woocommerce-admin-full-screen' ); document.body.classList.remove( 'is-wp-toolbar-disabled' ); diff --git a/plugins/woocommerce-admin/client/two-column-tasks/dissmiss-modal.js b/plugins/woocommerce-admin/client/two-column-tasks/dismiss-modal.js similarity index 95% rename from plugins/woocommerce-admin/client/two-column-tasks/dissmiss-modal.js rename to plugins/woocommerce-admin/client/two-column-tasks/dismiss-modal.js index 3fa6052a249..4fca328dbc0 100644 --- a/plugins/woocommerce-admin/client/two-column-tasks/dissmiss-modal.js +++ b/plugins/woocommerce-admin/client/two-column-tasks/dismiss-modal.js @@ -4,7 +4,7 @@ import { Button, Modal } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; -const DissmissModal = ( { +const DismissModal = ( { showDismissModal, setShowDismissModal, hideTasks, @@ -55,4 +55,4 @@ const DissmissModal = ( { ); }; -export default DissmissModal; +export default DismissModal; diff --git a/plugins/woocommerce-admin/client/two-column-tasks/index.js b/plugins/woocommerce-admin/client/two-column-tasks/index.js index 81429136825..1663f2d5807 100644 --- a/plugins/woocommerce-admin/client/two-column-tasks/index.js +++ b/plugins/woocommerce-admin/client/two-column-tasks/index.js @@ -2,7 +2,6 @@ * External dependencies */ import { __ } from '@wordpress/i18n'; -import { useEffect } from '@wordpress/element'; import { useSelect } from '@wordpress/data'; import { ONBOARDING_STORE_NAME, OPTIONS_STORE_NAME } from '@woocommerce/data'; @@ -35,11 +34,6 @@ const TaskDashboard = ( { query, twoColumns } ) => { isResolving: isResolvingOptions, } = useSelect( taskDashboardSelect ); - useEffect( () => { - document.body.classList.add( 'woocommerce-onboarding' ); - document.body.classList.add( 'woocommerce-task-dashboard__body' ); - }, [] ); - const { task } = query; const { isResolving, taskLists } = useSelect( ( select ) => { diff --git a/plugins/woocommerce-admin/client/two-column-tasks/style.scss b/plugins/woocommerce-admin/client/two-column-tasks/style.scss index 8f022fe68e8..bf3a58ac0db 100644 --- a/plugins/woocommerce-admin/client/two-column-tasks/style.scss +++ b/plugins/woocommerce-admin/client/two-column-tasks/style.scss @@ -74,7 +74,7 @@ } } -.woocommerce-task-dashboard__body .woocommerce-task-dashboard__container .woocommerce-task-card.completed { +.woocommerce-task-dashboard__container .woocommerce-task-card.completed { display: block; .components-card__header { display: block; @@ -273,7 +273,7 @@ } } -.woocommerce-task-dashboard__body .woocommerce-task-dismiss-modal { +.woocommerce-task-dismiss-modal { width: 565px; max-width: 100%; diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.js b/plugins/woocommerce-admin/client/two-column-tasks/task-list.js index bf95f923d22..9fead528b32 100644 --- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.js +++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.js @@ -17,7 +17,7 @@ import classnames from 'classnames'; */ import '../tasks/task-list.scss'; import taskHeaders from './task-headers'; -import DismissModal from './dissmiss-modal'; +import DismissModal from './dismiss-modal'; import TaskListCompleted from './completed'; export const TaskList = ( {