diff --git a/assets/source/catalog-sync/App.js b/assets/source/catalog-sync/App.js index 26c5c20a5..8554362b4 100644 --- a/assets/source/catalog-sync/App.js +++ b/assets/source/catalog-sync/App.js @@ -12,7 +12,6 @@ import { recordEvent } from '@woocommerce/tracks'; import SyncState from './sections/SyncState'; import AdCreditsNotice from './sections/AdCreditsNotice'; import SyncIssues from './sections/SyncIssues'; -import TransientNotices from './components/TransientNotices'; import HealthCheck from '../setup-guide/app/components/HealthCheck'; import { useCreateNotice, useDismissAdsModalDispatch } from './helpers/effects'; import NavigationClassic from '../components/navigation-classic'; @@ -128,7 +127,6 @@ const CatalogSyncApp = () => { -
{ isAdCreditsNoticeOpen && adsCampaignIsActive && ( diff --git a/assets/source/catalog-sync/components/TransientNotices/index.js b/assets/source/catalog-sync/components/TransientNotices/index.js deleted file mode 100644 index 8e9113fb3..000000000 --- a/assets/source/catalog-sync/components/TransientNotices/index.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * External dependencies - */ -import classnames from 'classnames'; -import { SnackbarList } from '@wordpress/components'; -import { compose } from '@wordpress/compose'; -import { withDispatch, withSelect } from '@wordpress/data'; - -/** - * Internal dependencies - */ -import './style.scss'; - -const TransientNotices = ( { className, notices, onRemove } ) => { - const classes = classnames( - 'woocommerce-transient-notices', - 'components-notices__snackbar', - className - ); - - return ( - - ); -}; - -export default compose( - withSelect( ( select ) => { - const notices = select( 'core/notices' ).getNotices(); - - return { notices }; - } ), - withDispatch( ( dispatch ) => ( { - onRemove: dispatch( 'core/notices' ).removeNotice, - } ) ) -)( TransientNotices ); diff --git a/assets/source/catalog-sync/components/TransientNotices/style.scss b/assets/source/catalog-sync/components/TransientNotices/style.scss deleted file mode 100644 index c748d016c..000000000 --- a/assets/source/catalog-sync/components/TransientNotices/style.scss +++ /dev/null @@ -1,49 +0,0 @@ -@import "~@wordpress/base-styles/variables"; -@import "~@wordpress/base-styles/mixins"; -@import "~@wordpress/base-styles/breakpoints"; - -.woocommerce-transient-notices { - position: fixed; - bottom: 12px; - left: 176px; - z-index: 99999; - - @media ( max-width: #{ ($break-large - 1) } ) { - left: 50px; - } - - @media ( max-width: #{ ($break-medium - 1) } ) { - left: 16px; - } - - .woocommerce-profile-wizard__body & { - left: unset; - - .components-snackbar { - margin-left: auto; - margin-right: auto; - } - } -} - -.components-snackbar { - - &.components-snackbar-explicit-dismiss { - cursor: default; - } - - .components-snackbar__content-with-icon { - margin-left: 32px; - } - - .components-snackbar__icon { - position: absolute; - top: 24px; - left: 26px; - } - - .components-snackbar__dismiss-button { - margin-left: 32px; - cursor: pointer; - } -} diff --git a/assets/source/setup-guide/app/components/TransientNotices/index.js b/assets/source/setup-guide/app/components/TransientNotices/index.js deleted file mode 100644 index 8e9113fb3..000000000 --- a/assets/source/setup-guide/app/components/TransientNotices/index.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * External dependencies - */ -import classnames from 'classnames'; -import { SnackbarList } from '@wordpress/components'; -import { compose } from '@wordpress/compose'; -import { withDispatch, withSelect } from '@wordpress/data'; - -/** - * Internal dependencies - */ -import './style.scss'; - -const TransientNotices = ( { className, notices, onRemove } ) => { - const classes = classnames( - 'woocommerce-transient-notices', - 'components-notices__snackbar', - className - ); - - return ( - - ); -}; - -export default compose( - withSelect( ( select ) => { - const notices = select( 'core/notices' ).getNotices(); - - return { notices }; - } ), - withDispatch( ( dispatch ) => ( { - onRemove: dispatch( 'core/notices' ).removeNotice, - } ) ) -)( TransientNotices ); diff --git a/assets/source/setup-guide/app/components/TransientNotices/style.scss b/assets/source/setup-guide/app/components/TransientNotices/style.scss deleted file mode 100644 index 5269a4370..000000000 --- a/assets/source/setup-guide/app/components/TransientNotices/style.scss +++ /dev/null @@ -1,53 +0,0 @@ -@import "~@wordpress/base-styles/variables"; -@import "~@wordpress/base-styles/mixins"; -@import "~@wordpress/base-styles/breakpoints"; - -.woocommerce-transient-notices { - position: fixed; - bottom: 12px; - left: 176px; - z-index: 99999; - - @media ( max-width: #{ ($break-large - 1) } ) { - left: 50px; - } - - @media ( max-width: #{ ($break-medium - 1) } ) { - left: 16px; - } - - .woocommerce-profile-wizard__body & { - left: unset; - - .components-snackbar { - margin-left: auto; - margin-right: auto; - } - } -} - -.components-snackbar { - - &.components-snackbar-explicit-dismiss { - cursor: default; - } - - .components-snackbar__content-with-icon { - margin-left: 32px; - } - - .components-snackbar__icon { - position: absolute; - top: 24px; - left: 26px; - } - - .components-snackbar__dismiss-button { - margin-left: 32px; - cursor: pointer; - } - - .components-snackbar__action { - margin-left: 0.2rem; - } -} diff --git a/assets/source/setup-guide/app/views/ConnectionApp.js b/assets/source/setup-guide/app/views/ConnectionApp.js index 26e807957..0d28ba848 100644 --- a/assets/source/setup-guide/app/views/ConnectionApp.js +++ b/assets/source/setup-guide/app/views/ConnectionApp.js @@ -12,7 +12,6 @@ import SetupAccount from '../steps/SetupAccount'; import ClaimWebsite from '../steps/ClaimWebsite'; import SetupTracking from '../steps/SetupTracking'; import SaveSettingsButton from '../components/SaveSettingsButton'; -import TransientNotices from '../components/TransientNotices'; import HealthCheck from '../components/HealthCheck'; import { useSettingsSelect, @@ -51,7 +50,6 @@ const SettingsApp = () => { - { appSettings ? (
{ - { appSettings ? (
<> diff --git a/assets/source/setup-guide/app/views/WizardApp.js b/assets/source/setup-guide/app/views/WizardApp.js index 24a435d5d..953ed3f66 100644 --- a/assets/source/setup-guide/app/views/WizardApp.js +++ b/assets/source/setup-guide/app/views/WizardApp.js @@ -15,7 +15,6 @@ import SetupAccount from '../steps/SetupAccount'; import ClaimWebsite from '../steps/ClaimWebsite'; import SetupTracking from '../steps/SetupTracking'; import OnboardingTopBar from '../components/TopBar'; -import TransientNotices from '../components/TransientNotices'; import { useSettingsSelect, useBodyClasses, @@ -153,7 +152,6 @@ const WizardApp = ( { query } ) => { <>
- { appSettings ? ( ) : (