Skip to content

Commit

Permalink
feat: consolidate Newspack UI SVGs
Browse files Browse the repository at this point in the history
  • Loading branch information
@laurelfulford
laurelfulford committed May 15, 2024
1 parent 4080242 commit 5cbc335
Show file tree
Hide file tree
Showing 4 changed files with 49 additions and 72 deletions.
2 changes: 1 addition & 1 deletion includes/class-blocks.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ public static function enqueue_block_editor_assets() {
'has_reader_activation' => Reader_Activation::is_enabled(),
'newsletters_url' => Wizards::get_wizard( 'engagement' )->newsletters_settings_url(),
'has_google_oauth' => Google_OAuth::is_oauth_configured(),
'google_logo_svg' => file_get_contents( dirname( NEWSPACK_PLUGIN_FILE ) . '/assets/blocks/reader-registration/icons/google.svg' ),
'google_logo_svg' => \Newspack\Newspack_UI_Icons::get_svg( 'google' ),
'reader_activation_terms' => Reader_Activation::get_setting( 'terms_text' ),
'reader_activation_url' => Reader_Activation::get_setting( 'terms_url' ),
'has_recaptcha' => Recaptcha::can_use_captcha(),
Expand Down
30 changes: 20 additions & 10 deletions includes/class-newspack-ui-icons.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,18 @@ class Newspack_UI_Icons {
public static function get_svg( $icon ) {
$arr = self::$ui_icons;
if ( array_key_exists( $icon, $arr ) ) {
echo wp_kses( $arr[ $icon ], self::sanitize_svgs );
return $arr[ $icon ];
}
echo '';
return null;
}

/**
* Sanitizes the SVG code for a given icon
*
* @param string $icon Name of the icon to render.
*/
public static function print_svg( $icon ) {
echo wp_kses( self::get_svg( $icon ), self::sanitize_svgs() );
}

/**
Expand Down Expand Up @@ -59,6 +68,7 @@ public static function sanitize_svgs() {
'points' => true,
),
);

return $svg_args;
}

Expand All @@ -68,30 +78,30 @@ public static function sanitize_svgs() {
* @var array
*/
public static $ui_icons = array(
'check' =>
'check' =>
'<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" />
</svg>',
'close' =>
'close' =>
'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
</svg>',
'comment-author-gravatar' =>
'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25 16.4371C6.16445 15.2755 5.5 13.7153 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 13.7153 17.8356 15.2755 16.75 16.4371V16C16.75 14.4812 15.5188 13.25 14 13.25L10 13.25C8.48122 13.25 7.25 14.4812 7.25 16V16.4371ZM8.75 17.6304C9.70606 18.1835 10.8161 18.5 12 18.5C13.1839 18.5 14.2939 18.1835 15.25 17.6304V16C15.25 15.3096 14.6904 14.75 14 14.75L10 14.75C9.30964 14.75 8.75 15.3096 8.75 16V17.6304ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z"/>
'account' =>
'<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25 16.4371C6.16445 15.2755 5.5 13.7153 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 13.7153 17.8356 15.2755 16.75 16.4371V16C16.75 14.4812 15.5188 13.25 14 13.25L10 13.25C8.48122 13.25 7.25 14.4812 7.25 16V16.4371ZM8.75 17.6304C9.70606 18.1835 10.8161 18.5 12 18.5C13.1839 18.5 14.2939 18.1835 15.25 17.6304V16C15.25 15.3096 14.6904 14.75 14 14.75L10 14.75C9.30964 14.75 8.75 15.3096 8.75 16V17.6304ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z" />
</svg>',
'error' =>
'error' =>
'<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 20.8C16.8 20.8 20.8 16.9 20.8 12C20.8 7.2 16.9 3.2 12 3.2C7.2 3.2 3.2 7.1 3.2 12C3.2 16.8 7.2 20.8 12 20.8V20.8ZM12 4.8C16 4.8 19.2 8.1 19.2 12C19.2 16 16 19.2 12 19.2C8 19.2 4.8 15.9 4.8 12C4.8 8 8 4.8 12 4.8ZM13 7H11V13H13L13 7ZM13 15H11V17H13V15Z" />
</svg>',
'google' =>
'google' =>
'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6 10.227C19.6 9.51801 19.536 8.83701 19.418 8.18201H10V12.05H15.382C15.2706 12.6619 15.0363 13.2448 14.6932 13.7635C14.3501 14.2822 13.9054 14.726 13.386 15.068V17.578H16.618C18.509 15.836 19.6 13.273 19.6 10.228V10.227Z" fill="#4285F4"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 20C12.7 20 14.964 19.105 16.618 17.577L13.386 15.068C12.491 15.668 11.346 16.023 9.99996 16.023C7.39496 16.023 5.18996 14.263 4.40496 11.9H1.06396V14.49C1.89597 16.1468 3.17234 17.5395 4.7504 18.5126C6.32846 19.4856 8.14603 20.0006 9.99996 20Z" fill="#34A853"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.405 11.9C4.205 11.3 4.091 10.66 4.091 10C4.091 9.34001 4.205 8.70001 4.405 8.10001V5.51001H1.064C0.364015 6.90321 -0.000359433 8.44084 2.66054e-07 10C2.66054e-07 11.614 0.386 13.14 1.064 14.49L4.404 11.9H4.405Z" fill="#FBBC05"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 3.977C11.468 3.977 12.786 4.482 13.823 5.473L16.691 2.605C14.959 0.99 12.695 0 9.99996 0C6.08996 0 2.70996 2.24 1.06396 5.51L4.40396 8.1C5.19196 5.736 7.39596 3.977 9.99996 3.977Z" fill="#EA4335"></path>
</svg>',
'menu' =>
'menu' =>
'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
<path d="M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"/>
</svg>',
Expand Down
46 changes: 23 additions & 23 deletions includes/class-newspack-ui.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ public static function return_demo_content() {

<div class="newspack-ui__box newspack-ui__box--success newspack-ui__box--text-center">
<span class="newspack-ui__icon newspack-ui__icon--success">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'check' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>
<p>
<strong>Success box style, plus icon + <code>newspack-ui__box--text-center</code> class.</strong>
Expand All @@ -99,7 +99,7 @@ public static function return_demo_content() {

<div class="newspack-ui__box newspack-ui__box--warning newspack-ui__box--text-center">
<span class="newspack-ui__icon newspack-ui__icon--warning">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'check' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>
<p>
<strong>Warning box style, plus icon + <code>newspack-ui__box--text-center</code> class.</strong>
Expand All @@ -109,7 +109,7 @@ public static function return_demo_content() {

<div class="newspack-ui__box newspack-ui__box--error newspack-ui__box--text-center">
<span class="newspack-ui__icon newspack-ui__icon--error">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'check' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>
<p>
<strong>Error box style, plus icon + <code>newspack-ui__box--text-center</code> class.</strong>
Expand Down Expand Up @@ -251,7 +251,7 @@ public static function return_demo_content() {
<button class="newspack-ui__button newspack-ui__button--destructive">Destructive Button</button><br>
<button class="newspack-ui__button newspack-ui__button--destructive" disabled>Destructive Button Disabled</button><br>
<button class="newspack-ui__button newspack-ui__button--secondary">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'google' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'google' ); ?>
<span>
Sign in with Google
</span>
Expand All @@ -264,7 +264,7 @@ public static function return_demo_content() {
<button class="newspack-ui__button newspack-ui__button--outline newspack-ui__button--wide">Outline Button</button>
<button class="newspack-ui__button newspack-ui__button--destructive newspack-ui__button--wide">Destructive Button</button>
<button class="newspack-ui__button newspack-ui__button--secondary newspack-ui__button--wide">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'google' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'google' ); ?>
<span>
Sign up with Google
</span>
Expand All @@ -275,25 +275,25 @@ public static function return_demo_content() {
<h2>Buttons Icon</h2>
<p>Uses the same classes as the <code>newspack-ui__button</code> but we add an extra class to it <code>newspack-ui__button--icon</code></p>
<button class="newspack-ui__button newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--primary newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--branded newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--secondary newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--ghost newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--outline newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>
<button class="newspack-ui__button newspack-ui__button--destructive newspack-ui__button--icon">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'menu' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'menu' ); ?>
</button>

<hr>
Expand All @@ -307,7 +307,7 @@ public static function return_demo_content() {
<h2>This is a header</h2>
<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

Expand All @@ -330,15 +330,15 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

<section class="newspack-ui__modal__content">

<button class="newspack-ui__button newspack-ui__button--secondary newspack-ui__button--wide">

<?php \Newspack\Newspack_UI_Icons::get_svg( 'google' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'google' ); ?>
<span>
Sign in with Google
</span>
Expand Down Expand Up @@ -372,7 +372,7 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

Expand Down Expand Up @@ -407,15 +407,15 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

<section class="newspack-ui__modal__content">

<div class="newspack-ui__box newspack-ui__box--success newspack-ui__box--text-center">
<span class="newspack-ui__icon newspack-ui__icon--success">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'check' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>

<p>
Expand All @@ -439,15 +439,15 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

<section class="newspack-ui__modal__content">

<div class="newspack-ui__box newspack-ui__box--success newspack-ui__box--text-center">
<span class="newspack-ui__icon newspack-ui__icon--success">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'check' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>

<p>
Expand Down Expand Up @@ -487,7 +487,7 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

Expand Down Expand Up @@ -526,14 +526,14 @@ public static function return_demo_content() {

<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<?php \Newspack\Newspack_UI_Icons::get_svg( 'close' ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</header>

<section class="newspack-ui__modal__content">

<button class="newspack-ui__button newspack-ui__button--secondary newspack-ui__button--wide">
<?php \Newspack\Newspack_UI_Icons::get_svg( 'google', 20 ); ?>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'google', 20 ); ?>
<span>
Sign in with Google
</span>
Expand Down
43 changes: 5 additions & 38 deletions includes/reader-activation/class-reader-activation.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1014,33 +1014,6 @@ public static function nav_menu_items( $output, $args = [] ) {
return $output;
}

/**
* Get the account icon SVG markup.
*
* @return string The account icon SVG markup.
*/
private static function get_account_icon() {
return '<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.25 16.4371C6.16445 15.2755 5.5 13.7153 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 13.7153 17.8356 15.2755 16.75 16.4371V16C16.75 14.4812 15.5188 13.25 14 13.25L10 13.25C8.48122 13.25 7.25 14.4812 7.25 16V16.4371ZM8.75 17.6304C9.70606 18.1835 10.8161 18.5 12 18.5C13.1839 18.5 14.2939 18.1835 15.25 17.6304V16C15.25 15.3096 14.6904 14.75 14 14.75L10 14.75C9.30964 14.75 8.75 15.3096 8.75 16V17.6304ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z" /></svg>';
}

/**
* Get the error icon SVG markup.
*
* @return string The error icon SVG markup.
*/
private static function get_error_icon() {
return '<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.8C16.8 20.8 20.8 16.9 20.8 12C20.8 7.2 16.9 3.2 12 3.2C7.2 3.2 3.2 7.1 3.2 12C3.2 16.8 7.2 20.8 12 20.8V20.8ZM12 4.8C16 4.8 19.2 8.1 19.2 12C19.2 16 16 19.2 12 19.2C8 19.2 4.8 15.9 4.8 12C4.8 8 8 4.8 12 4.8ZM13 7H11V13H13L13 7ZM13 15H11V17H13V15Z" /></svg>';
}

/**
* Get the check icon SVG markup.
*
* @return string The check icon SVG markup.
*/
private static function get_check_icon() {
return '<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" /></svg>';
}

/**
* Get account link.
*
Expand All @@ -1067,7 +1040,7 @@ private static function get_account_link() {

$link = '<a class="' . \esc_attr( $class() ) . '" data-labels="' . \esc_attr( htmlspecialchars( \wp_json_encode( $labels ), ENT_QUOTES, 'UTF-8' ) ) . '" href="' . \esc_url_raw( $account_url ?? '#' ) . '" data-newspack-reader-account-link>';
$link .= '<span class="' . \esc_attr( $class( 'icon' ) ) . '">';
$link .= self::get_account_icon();
$link .= \Newspack\Newspack_UI_Icons::get_svg( 'account' );
$link .= '</span>';
$link .= '<span class="' . \esc_attr( $class( 'label' ) ) . '">' . \esc_html( $labels[ $label ] ) . '</span>';
$link .= '</a>';
Expand Down Expand Up @@ -1132,9 +1105,7 @@ public static function render_auth_form() {
<div class="newspack-ui newspack-reader-auth">
<div class="newspack-ui__box newspack-ui__box--success newspack-ui__box--text-center" data-action="success">
<span class="newspack-ui__icon newspack-ui__icon--success">
<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" />
</svg>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'check' ); ?>
</span>
<p>
<strong class="success-title"></strong>
Expand Down Expand Up @@ -1228,9 +1199,7 @@ public static function render_auth_modal() {
<h2><?php echo \esc_html( $label ); ?></h2>
<button class="newspack-ui__button newspack-ui__button--icon newspack-ui__button--ghost newspack-ui__modal__close">
<span class="screen-reader-text"><?php esc_html_e( 'Close', 'newspack-plugin' ); ?></span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
</svg>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'close' ); ?>
</button>
</div>
<div class="newspack-ui__modal__content">
Expand Down Expand Up @@ -1394,10 +1363,8 @@ public static function render_third_party_auth() {
}
?>
<button type="button" class="newspack-ui__button newspack-ui__button--wide newspack-ui__button--secondary newspack-ui__button--google-oauth">
<?php echo file_get_contents( dirname( NEWSPACK_PLUGIN_FILE ) . '/assets/blocks/reader-registration/icons/google.svg' ); // phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped ?>
<span>
<?php echo \esc_html__( 'Sign in with Google', 'newspack-plugin' ); ?>
</span>
<?php \Newspack\Newspack_UI_Icons::print_svg( 'google' ); ?>
<?php echo \esc_html__( 'Sign in with Google', 'newspack-plugin' ); ?>
</button>
<div class="newspack-ui__word-divider">
<?php echo \esc_html__( 'Or', 'newspack-plugin' ); ?>
Expand Down

0 comments on commit 5cbc335

Please sign in to comment.