diff --git a/packages/edit-site/src/components/global-styles/screen-revisions/index.js b/packages/edit-site/src/components/global-styles/screen-revisions/index.js index aa8bb1f377f294..66fda1b267acf6 100644 --- a/packages/edit-site/src/components/global-styles/screen-revisions/index.js +++ b/packages/edit-site/src/components/global-styles/screen-revisions/index.js @@ -8,6 +8,9 @@ import { __experimentalConfirmDialog as ConfirmDialog, Spinner, __experimentalSpacer as Spacer, + MenuItem, + VisuallyHidden, + __experimentalVStack as VStack, } from '@wordpress/components'; import { useSelect, useDispatch } from '@wordpress/data'; import { useContext, useState, useEffect } from '@wordpress/element'; @@ -15,6 +18,7 @@ import { privateApis as blockEditorPrivateApis, store as blockEditorStore, } from '@wordpress/block-editor'; +import { external } from '@wordpress/icons'; /** * Internal dependencies @@ -26,6 +30,7 @@ import SidebarFixedBottom from '../../sidebar-edit-mode/sidebar-fixed-bottom'; import { store as editSiteStore } from '../../../store'; import useGlobalStylesRevisions from './use-global-styles-revisions'; import RevisionsButtons from './revisions-buttons'; +import { addQueryArgs } from '@wordpress/url'; const { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock( blockEditorPrivateApis @@ -118,27 +123,51 @@ function ScreenRevisions() { /> { isLoadButtonEnabled && ( - + > + { __( 'View revision changes' ) } + + { + /* translators: accessibility text */ + __( '(opens in a new tab)' ) + } + + + + ) }