Merge pull request #890 from Codeinwp/feat/opml-service/1339

feat: add button for direct cloud library access

Author: selul

assets/src/dashboard/parts/connected/settings/CloudLibrary.js

@@ -3,10 +3,15 @@ import classnames from 'classnames';
 import {
 	BaseControl,
 	FormTokenField,
-	ToggleControl
+	ToggleControl,
+	Icon
 } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
 
+import {
+	arrowRight
+} from '@wordpress/icons';
+
 export default function CloudLibrary( props ) {
 	const { user_data, strings } = optimoleDashboardApp;
 	const { options_strings } = strings;
@@ -81,6 +86,16 @@ export default function CloudLibrary( props ) {
 				onChange={value => updateOption( 'cloud_images', value )}
 			/>
 
+			<div className="m-0">
+				<a href={options_strings.cloud_library_btn_link} className="font-semibold text-info text-sm hover:text-info inline-flex items-center">
+					{options_strings.cloud_library_btn_text}
+					<Icon
+						icon={arrowRight}
+						className="inline-block ml-2 fill-current"
+					/>
+				</a>
+			</div>
+
 			<hr className="my-8 border-grayish-blue"/>
 
 			{showSiteSelector && (

inc/admin.php

@@ -1889,6 +1889,8 @@ private function get_dashboard_strings() {
 				'rollback_stop_title'                 => __( 'Are you sure?', 'optimole-wp' ),
 				'rollback_stop_description'           => __( 'Canceling will halt the ongoing process, and any remaining images will stay in the Optimole Cloud. To transfer images to the Optimole Cloud, use the Offloading option.', 'optimole-wp' ),
 				'rollback_stop_action'                => __( 'Cancel the transfer from Optimole', 'optimole-wp' ),
+				'cloud_library_btn_text'              => __( 'Go to Cloud Library', 'optimole-wp' ),
+				'cloud_library_btn_link'              => add_query_arg( 'page', 'optimole-dam', admin_url( 'admin.php' ) ),
 			],
 			'help'                           => [
 				'section_one_title'           => __( 'Help and Support', 'optimole-wp' ),