diff --git a/projects/js-packages/components/changelog/update-social-logo-usage b/projects/js-packages/components/changelog/update-social-logo-usage new file mode 100644 index 0000000000000..9efa1202142fd --- /dev/null +++ b/projects/js-packages/components/changelog/update-social-logo-usage @@ -0,0 +1,4 @@ +Significance: patch +Type: changed + +Updated social-logos import from default to named diff --git a/projects/js-packages/components/components/icons/index.tsx b/projects/js-packages/components/components/icons/index.tsx index 892e03dee4997..60fabb79ab1ba 100644 --- a/projects/js-packages/components/components/icons/index.tsx +++ b/projects/js-packages/components/components/icons/index.tsx @@ -1,6 +1,6 @@ import { Path, SVG, G, Polygon } from '@wordpress/components'; import clsx from 'clsx'; -import SocialLogo from 'social-logos'; +import { SocialLogo } from 'social-logos'; import styles from './style.module.scss'; import { BaseIconProps } from './types'; import type React from 'react'; diff --git a/projects/plugins/jetpack/_inc/client/components/jetpack-notices/index.jsx b/projects/plugins/jetpack/_inc/client/components/jetpack-notices/index.jsx index 9882d2784fa0c..3abd343f7360c 100644 --- a/projects/plugins/jetpack/_inc/client/components/jetpack-notices/index.jsx +++ b/projects/plugins/jetpack/_inc/client/components/jetpack-notices/index.jsx @@ -5,7 +5,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import { connect } from 'react-redux'; import { withRouter } from 'react-router-dom'; -import SocialLogo from 'social-logos'; +import { SocialLogo } from 'social-logos'; import ConnectionBanner from 'components/connection-banner'; import NoticesList from 'components/global-notices'; import SimpleNotice from 'components/notice'; diff --git a/projects/plugins/jetpack/_inc/client/traffic/seo.jsx b/projects/plugins/jetpack/_inc/client/traffic/seo.jsx index f39c6c4a924f5..5237c9b85e2cc 100644 --- a/projects/plugins/jetpack/_inc/client/traffic/seo.jsx +++ b/projects/plugins/jetpack/_inc/client/traffic/seo.jsx @@ -8,7 +8,7 @@ import { __, _x, _n, sprintf } from '@wordpress/i18n'; import clsx from 'clsx'; import React, { Component } from 'react'; import { connect } from 'react-redux'; -import SocialLogo from 'social-logos'; +import { SocialLogo } from 'social-logos'; import Button from 'components/button'; import FoldableCard from 'components/foldable-card'; import { FormLabel, FormTextarea } from 'components/forms'; diff --git a/projects/plugins/jetpack/changelog/update-social-logo-usage b/projects/plugins/jetpack/changelog/update-social-logo-usage new file mode 100644 index 0000000000000..097b542ee724f --- /dev/null +++ b/projects/plugins/jetpack/changelog/update-social-logo-usage @@ -0,0 +1,4 @@ +Significance: patch +Type: other + +Updated social-logos import from default to named diff --git a/projects/plugins/jetpack/extensions/blocks/sharing-button/edit.js b/projects/plugins/jetpack/extensions/blocks/sharing-button/edit.js index 5afcd6c2d5393..b32ffbc5dec66 100644 --- a/projects/plugins/jetpack/extensions/blocks/sharing-button/edit.js +++ b/projects/plugins/jetpack/extensions/blocks/sharing-button/edit.js @@ -1,7 +1,7 @@ import { useBlockProps } from '@wordpress/block-editor'; import { Button } from '@wordpress/components'; import clsx from 'clsx'; -import SocialIcon from 'social-logos'; +import { SocialLogo } from 'social-logos'; import { getNameBySite } from './utils'; import './style.scss'; @@ -31,7 +31,7 @@ const SharingButtonEdit = ( { attributes, context } ) => { <>
  • diff --git a/projects/plugins/jetpack/extensions/blocks/sharing-button/variations.js b/projects/plugins/jetpack/extensions/blocks/sharing-button/variations.js index f1c3797c34013..e91e19909ed9c 100644 --- a/projects/plugins/jetpack/extensions/blocks/sharing-button/variations.js +++ b/projects/plugins/jetpack/extensions/blocks/sharing-button/variations.js @@ -1,12 +1,12 @@ import { __ } from '@wordpress/i18n'; -import SocialIcon from 'social-logos'; +import { SocialLogo } from 'social-logos'; export const variations = [ { name: 'bluesky', attributes: { service: 'bluesky', label: 'Bluesky' }, title: 'Bluesky', - icon: , + icon: , }, { name: 'print', @@ -17,20 +17,20 @@ export const variations = [ }, // translators: option to print the content - a verb labelling a button. title: __( 'Print', 'jetpack' ), - icon: , + icon: , }, { name: 'facebook', attributes: { service: 'facebook', label: 'Facebook' }, title: 'Facebook', - icon: , + icon: , }, { name: 'linkedin', attributes: { service: 'linkedin', label: 'LinkedIn' }, title: 'LinkedIn', isDefault: true, - icon: , + icon: , }, { name: 'mail', @@ -42,75 +42,75 @@ export const variations = [ // translators: option to share the content by email - a verb labelling a button. title: __( 'Mail', 'jetpack' ), keywords: [ 'email', 'e-mail' ], - icon: , + icon: , }, { name: 'mastodon', attributes: { service: 'mastodon', label: 'Mastodon' }, title: 'Mastodon', - icon: , + icon: , }, { name: 'pinterest', attributes: { service: 'pinterest', label: 'Pinterest' }, title: 'Pinterest', - icon: , + icon: , }, { name: 'pocket', attributes: { service: 'pocket', label: 'Pocket' }, title: 'Pocket', - icon: , + icon: , }, { name: 'reddit', attributes: { service: 'reddit', label: 'Reddit' }, title: 'Reddit', - icon: , + icon: , }, { name: 'telegram', attributes: { service: 'telegram', label: 'Telegram' }, title: 'Telegram', - icon: , + icon: , }, { name: 'threads', attributes: { service: 'threads', label: 'Threads' }, title: 'Threads', - icon: , + icon: , }, { name: 'tumblr', attributes: { service: 'tumblr', label: 'Tumblr' }, title: 'Tumblr', - icon: , + icon: , }, { name: 'whatsapp', attributes: { service: 'whatsapp', label: 'WhatsApp' }, title: 'WhatsApp', - icon: , + icon: , }, { name: 'x', attributes: { service: 'x', label: 'X' }, keywords: [ 'twitter', 'x' ], title: 'X', - icon: , + icon: , }, { name: 'twitter', attributes: { service: 'twitter', label: 'Twitter' }, keywords: [ 'twitter' ], title: 'Twitter', - icon: , + icon: , }, { name: 'nextdoor', attributes: { service: 'nextdoor', label: 'Nextdoor' }, title: 'Nextdoor', - icon: , + icon: , }, { name: 'native-share', @@ -121,7 +121,7 @@ export const variations = [ }, // translators: option to share the content - a verb labelling a button. title: __( 'Native Share', 'jetpack' ), - icon: , + icon: , //TODO: we can add link in the future to proper documentation description: __( 'Share with native tools on users device or copy to clipboard otherwise', @@ -163,17 +163,17 @@ export default variations; // name: 'twitch', // attributes: { service: 'twitch' }, // title: 'Twitch', -// icon: , +// icon: , // }, // { // name: 'patreon', // attributes: { service: 'patreon' }, // title: 'Patreon', -// icon: , +// icon: , // }, // { // name: 'skype', // attributes: { service: 'skype' }, // title: 'Skype', -// icon: , +// icon: , // },