diff --git a/projects/plugins/jetpack/changelog/update-jetpack-ai-sidebar-feedback b/projects/plugins/jetpack/changelog/update-jetpack-ai-sidebar-feedback new file mode 100644 index 0000000000000..e4effa33ca4d5 --- /dev/null +++ b/projects/plugins/jetpack/changelog/update-jetpack-ai-sidebar-feedback @@ -0,0 +1,4 @@ +Significance: patch +Type: enhancement + +AI Assistant: Add feedback link to the sidebar diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx index a4411cf876edf..22d2eabff13d2 100644 --- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx +++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx @@ -3,12 +3,13 @@ */ import { JetpackEditorPanelLogo } from '@automattic/jetpack-shared-extension-utils'; import { useAnalytics } from '@automattic/jetpack-shared-extension-utils'; -import { PanelBody, PanelRow, BaseControl } from '@wordpress/components'; +import { PanelBody, PanelRow, BaseControl, Button } from '@wordpress/components'; import { store as coreStore } from '@wordpress/core-data'; import { useSelect } from '@wordpress/data'; import { PluginPrePublishPanel, PluginDocumentSettingPanel } from '@wordpress/edit-post'; import { store as editorStore } from '@wordpress/editor'; import { __ } from '@wordpress/i18n'; +import { Icon, external } from '@wordpress/icons'; import debugFactory from 'debug'; import React from 'react'; /** @@ -88,15 +89,25 @@ const JetpackAndSettingsContent = ( { ) } { requireUpgrade && ! isUsagePanelAvailable && ( - + ) } { isUsagePanelAvailable && ( - + ) } + + ); }; diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/style.scss b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/style.scss index 0ae7fcaa795bb..5b3b297216757 100644 --- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/style.scss +++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/style.scss @@ -1,7 +1,9 @@ .jetpack-ai-logo-generator-control__header, .jetpack-ai-feedback__header, .jetpack-ai-featured-image-control__header, -.jetpack-ai-title-optimization__header { +.jetpack-ai-title-optimization__header, +.jetpack-ai-upgrade-control__header, +.jetpack-ai-usage-control__header { margin-bottom: 2em; } @@ -12,3 +14,12 @@ margin-bottom: 8px; } } + +.jetpack-ai__feedback-button { + .icon { + width: 20px; + height: 20px; + color: var( --studio-gray-20 ); + margin-left: 4px; + } +}