Commit 1eb6976649a for woocommerce
commit 1eb6976649aaefa555acc23d6c0129a520f2cf80
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Mon Aug 17 14:23:31 2026 +0200
Remove no longer used Activity Panel components (#67762)
* Remove no longer used ActivityPanelToggleBubble component
* Remove no longer used IconFlag and SetupProgress components
* Add changelog
diff --git a/plugins/woocommerce/changelog/fix-toggle-bubble-cleanup b/plugins/woocommerce/changelog/fix-toggle-bubble-cleanup
new file mode 100644
index 00000000000..71b984557a9
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-toggle-bubble-cleanup
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: Remove no longer used Activity Panel components
+
+
diff --git a/plugins/woocommerce/client/admin/client/activity-panel/icon-flag.js b/plugins/woocommerce/client/admin/client/activity-panel/icon-flag.js
deleted file mode 100644
index 3ca30324240..00000000000
--- a/plugins/woocommerce/client/admin/client/activity-panel/icon-flag.js
+++ /dev/null
@@ -1,28 +0,0 @@
-export const IconFlag = () => (
- <svg
- width="24"
- height="24"
- viewBox="0 0 24 24"
- fill="none"
- xmlns="http://www.w3.org/2000/svg"
- >
- <mask
- id="mask0_2915:6733"
- maskUnits="userSpaceOnUse"
- x="4"
- y="3"
- width="16"
- height="18"
- >
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M4.5 3.5H13.5L13.9 5.5H19.5V15.5H12.5L12.1 13.5H6.5V20.5H4.5V3.5ZM12.26 7.5L11.86 5.5H6.5V11.5H13.74L14.14 13.5H17.5V7.5H12.26Z"
- fill="white"
- />
- </mask>
- <g mask="url(#mask0_2915:6733)">
- <rect width="24" height="24" fill="#50575E" />
- </g>
- </svg>
-);
diff --git a/plugins/woocommerce/client/admin/client/activity-panel/setup-progress.js b/plugins/woocommerce/client/admin/client/activity-panel/setup-progress.js
deleted file mode 100644
index d4de5291a23..00000000000
--- a/plugins/woocommerce/client/admin/client/activity-panel/setup-progress.js
+++ /dev/null
@@ -1,38 +0,0 @@
-export const SetupProgress = ( {
- setupTasksComplete,
- setupCompletePercent,
-} ) => (
- <svg
- className="woocommerce-layout__activity-panel-tab-icon setup-progress"
- viewBox="0 0 25 25"
- >
- <path
- className="setup-progress-ring"
- d="M 12.476 23.237 C 18.369 23.237 23.146 18.414 23.146 12.464 C 23.146 6.512 18.369 1.687 12.476 1.687 C 6.581 1.687 1.803 6.512 1.803 12.464 C 1.803 18.414 6.581 23.237 12.476 23.237 Z"
- />
- <path
- className="setup-progress-slice"
- transform="matrix(-0.034188, 0, 0, 0.034134, 38.373184, -8.278505)"
- d="M 522 607 A 237 237 0 0 1 759 370 L 759 607 Z"
- fill={ setupTasksComplete > 0 ? 'currentColor' : 'white' }
- />
- <path
- className="setup-progress-slice"
- transform="matrix(-0.034188, 0, 0, -0.034134, 38.368454, 33.13131)"
- d="M 522 607 A 237 237 0 0 1 759 370 L 759 607 Z"
- fill={ setupCompletePercent >= 50 ? 'currentColor' : 'white' }
- />
- <path
- className="setup-progress-slice"
- transform="matrix(0.034188, 0, 0, -0.034134, -13.500516, 33.133827)"
- d="M 522 607 A 237 237 0 0 1 759 370 L 759 607 Z"
- fill={ setupCompletePercent >= 75 ? 'currentColor' : 'white' }
- />
- <path
- className="setup-progress-slice"
- transform="matrix(0.034188, 0, 0, 0.034134, -13.495783, -8.281025)"
- d="M 522 607 A 237 237 0 0 1 759 370 L 759 607 Z"
- fill="white"
- />
- </svg>
-);
diff --git a/plugins/woocommerce/client/admin/client/activity-panel/style.scss b/plugins/woocommerce/client/admin/client/activity-panel/style.scss
index 41bd1604eff..2d2f07df982 100644
--- a/plugins/woocommerce/client/admin/client/activity-panel/style.scss
+++ b/plugins/woocommerce/client/admin/client/activity-panel/style.scss
@@ -28,14 +28,6 @@
stroke: currentColor;
}
}
-
- .setup-progress-slice {
- stroke: none;
- }
-
- .setup-progress-ring {
- stroke-width: 2px;
- }
}
.woocommerce-layout__homescreen-display-options {
@@ -155,20 +147,6 @@
}
}
-.woocommerce-layout__activity-panel-toggle-bubble.has-unread::after {
- content: " ";
- position: absolute;
- padding: 1px;
- background: $core-orange;
- border: 2px solid $studio-white;
- width: 4px;
- height: 4px;
- display: inline-block;
- border-radius: 50%;
- top: 6px;
- right: 4px;
-}
-
@keyframes tabSwitch {
0%,
100% {
@@ -242,17 +220,6 @@
}
}
-.woocommerce-layout__activity-panel-avatar-flag-overlay {
- position: relative;
- top: -$gap-small;
-
- .woocommerce-flag {
- position: relative;
- top: 16px;
- border: 2px solid $studio-white;
- }
-}
-
.woocommerce-layout__notice-list-hide {
display: none;
}
diff --git a/plugins/woocommerce/client/admin/client/activity-panel/toggle-bubble.js b/plugins/woocommerce/client/admin/client/activity-panel/toggle-bubble.js
deleted file mode 100644
index 348f88f0a0c..00000000000
--- a/plugins/woocommerce/client/admin/client/activity-panel/toggle-bubble.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-
-const ActivityPanelToggleBubble = ( {
- height = 24,
- width = 24,
- hasUnread = false,
-} ) => {
- const classes = clsx( 'woocommerce-layout__activity-panel-toggle-bubble', {
- 'has-unread': hasUnread,
- } );
-
- /* eslint-disable max-len */
- return (
- <div className={ classes }>
- <svg height={ height } width={ width } viewBox="0 0 24 24">
- <path d="M18.9 2H5.1C3.4 2 2 3.4 2 5.1v10.7C2 17.6 3.4 19 5.1 19H9l6 3-1-3h4.9c1.7 0 3.1-1.4 3.1-3.1V5.1C22 3.4 20.6 2 18.9 2zm-1.5 4.5c-.4.8-.8 2.1-1 3.9-.3 1.8-.4 3.1-.3 4.1 0 .3 0 .5-.1.7-.1.2-.3.4-.6.4s-.6-.1-.9-.4c-1-1-1.8-2.6-2.4-4.6-.7 1.4-1.2 2.4-1.6 3.1-.6 1.2-1.2 1.8-1.6 1.9-.3 0-.5-.2-.8-.7-.5-1.4-1.1-4.2-1.7-8.2 0-.3 0-.5.2-.7.1-.2.4-.3.7-.4.5 0 .9.2.9.8.3 2.3.7 4.2 1.1 5.7l2.4-4.5c.2-.4.4-.6.8-.6.5 0 .8.3.9.9.3 1.4.6 2.6 1 3.7.3-2.7.8-4.7 1.4-5.9.2-.3.4-.5.7-.5.2 0 .5.1.7.2.2.2.3.4.3.6 0 .2 0 .4-.1.5z" />
- </svg>
- </div>
- );
- /* eslint-enable max-len */
-};
-
-ActivityPanelToggleBubble.propTypes = {
- height: PropTypes.number,
- width: PropTypes.number,
- hasUnread: PropTypes.bool,
-};
-
-export default ActivityPanelToggleBubble;