diff --git a/projects/js-packages/publicize-components/changelog/add-social-limit-clarification b/projects/js-packages/publicize-components/changelog/add-social-limit-clarification new file mode 100644 index 0000000000000..b179e31583b19 --- /dev/null +++ b/projects/js-packages/publicize-components/changelog/add-social-limit-clarification @@ -0,0 +1,4 @@ +Significance: minor +Type: added + +Social Limits: Added clarification of cycle reset diff --git a/projects/js-packages/publicize-components/src/components/form/share-count-info.tsx b/projects/js-packages/publicize-components/src/components/form/share-count-info.tsx index 0446d83650b06..f911c6f4f84a3 100644 --- a/projects/js-packages/publicize-components/src/components/form/share-count-info.tsx +++ b/projects/js-packages/publicize-components/src/components/form/share-count-info.tsx @@ -1,4 +1,4 @@ -import { Text, ThemeProvider } from '@automattic/jetpack-components'; +import { IconTooltip, Text, ThemeProvider } from '@automattic/jetpack-components'; import { getRedirectUrl } from '@automattic/jetpack-components'; import { getSiteFragment } from '@automattic/jetpack-shared-extension-utils'; import { Button, PanelRow } from '@wordpress/components'; @@ -24,9 +24,19 @@ export const ShareCountInfo: React.FC = () => {
- - { __( 'Auto-share usage', 'jetpack' ) } - +
+ + { __( 'Auto-shares this cycle', 'jetpack' ) } + + + + { __( + 'As a free Jetpack Social user, you get 30 shares within every rolling 30-day window.', + 'jetpack' + ) } + + +
diff --git a/projects/plugins/social/changelog/add-social-limit-clarification b/projects/plugins/social/changelog/add-social-limit-clarification new file mode 100644 index 0000000000000..b179e31583b19 --- /dev/null +++ b/projects/plugins/social/changelog/add-social-limit-clarification @@ -0,0 +1,4 @@ +Significance: minor +Type: added + +Social Limits: Added clarification of cycle reset diff --git a/projects/plugins/social/src/js/components/header/index.js b/projects/plugins/social/src/js/components/header/index.js index 4dcd1c8d6a335..b88b88928ae64 100644 --- a/projects/plugins/social/src/js/components/header/index.js +++ b/projects/plugins/social/src/js/components/header/index.js @@ -7,6 +7,7 @@ import { SocialIcon, getRedirectUrl, getUserLocale, + Text, } from '@automattic/jetpack-components'; import { ConnectionError, useConnectionErrorNotice } from '@automattic/jetpack-connection'; import { @@ -88,10 +89,19 @@ const Header = () => { usedCount={ usedCount } scheduledCount={ scheduledCount } remainingCount={ remainingCount } + remainingLabel={ __( 'left in this cycle', 'jetpack-social' ) } legendCaption={ __( 'Auto-share usage', 'jetpack-social' ) } noticeType={ noticeType } className={ styles[ 'bar-wrapper' ] } /> + + + { __( + 'As a free Jetpack Social user, you get 30 shares within every rolling 30-day window.', + 'jetpack-social' + ) } + +