lint js

Author: psorensen

src/js/settings/components/feature-additional-settings/excerpt-generation.js

@@ -14,42 +14,48 @@ import {
 import { SettingsRow } from '../settings-row';
 import { STORE_NAME } from '../../data/store';
 import { PromptRepeater } from './prompt-repeater';
+import { getFeature } from '../../utils/utils';
+import { useFeatureContext } from '../feature-settings/context';
 
 /**
  * Component for Excerpt Generation feature settings.
  *
  * This component is used within the FeatureSettings component to allow users to configure the Excerpt Generation feature.
  *
- * @param {Object} props                    Component props.
- * @param {boolean} [props.showPrompt=true] Whether to show the prompt settings row.
- * @param {boolean} [props.showPostTypes=true] Whether to show the post types settings row.
- * @param {boolean} [props.showLength=true] Whether to show the excerpt length settings row.
+ * @param  {Object}  props                      Component props.
+ * @param  {boolean} [props.showPrompt=true]    Whether to show the prompt settings row.
+ * @param  {boolean} [props.showPostTypes=true] Whether to show the post types settings row.
+ * @param  {boolean} [props.showLength=true]    Whether to show the excerpt length settings row.
+ *
  * @return {React.ReactElement} ExcerptGenerationSettings component.
  */
-export const ExcerptGenerationSettings = ( { 
-	showPrompt = true, 
-	showPostTypes = true, 
-	showLength = true 
+export const ExcerptGenerationSettings = ( {
+	showPrompt = true,
+	showPostTypes = true,
+	showLength = true,
 } = {} ) => {
+	const { featureName } = useFeatureContext();
+	const feature = getFeature( featureName );
+
 	// determine which provider is currently loaded
 	const provider = useSelect(
 		( select ) =>
 			select( STORE_NAME ).getFeatureSettings( 'provider' ) ||
 			Object.keys( feature?.providers || {} )[ 0 ]
 	);
-	
+
 	/**
 	 * These fields don't apply to Azure Language. Azure has its own keyed fields. This parameter is
 	 * filtered at Classifai\Providers\Azure\Language (classifai_azure_language_summary_length)
-	 * 
+	 *
 	 * There is likely a better way to handle this where the individual provider configs can govern
 	 * the fields that are shown. For now this is a quick fix.
 	 */
 	if ( provider === 'azure_language' ) {
 		showPrompt = false;
 		showLength = false;
 	}
-	
+
 	const featureSettings = useSelect( ( select ) =>
 		select( STORE_NAME ).getFeatureSettings()
 	);

src/js/settings/components/provider-settings/azure-language.js

@@ -37,14 +37,20 @@ export const AzureLanguageSettings = ( { isConfigured = false } ) => {
 		<>
 			{ __( "Don't have an Azure account yet?", 'classifai' ) }{ ' ' }
 			<a
-				title={ __( 'Create a Language resource in Azure', 'classifai' ) }
+				title={ __(
+					'Create a Language resource in Azure',
+					'classifai'
+				) }
 				href="https://portal.azure.com/#home"
 				target="_blank"
 				rel="noopener noreferrer"
 			>
 				{ __( 'Create a Language resource', 'classifai' ) }
 			</a>{ ' ' }
-			{ __( 'in the Azure portal to get your key and endpoint.', 'classifai' ) }
+			{ __(
+				'in the Azure portal to get your key and endpoint.',
+				'classifai'
+			) }
 		</>
 	);
 
@@ -60,7 +66,9 @@ export const AzureLanguageSettings = ( { isConfigured = false } ) => {
 							id={ `${ providerName }_api_key` }
 							type="password"
 							value={ providerSettings.api_key || '' }
-							onChange={ ( value ) => onChange( { api_key: value } ) }
+							onChange={ ( value ) =>
+								onChange( { api_key: value } )
+							}
 						/>
 					</SettingsRow>
 					<SettingsRow
@@ -74,7 +82,9 @@ export const AzureLanguageSettings = ( { isConfigured = false } ) => {
 							id={ `${ providerName }_endpoint_url` }
 							type="url"
 							value={ providerSettings.endpoint_url || '' }
-							onChange={ ( value ) => onChange( { endpoint_url: value } ) }
+							onChange={ ( value ) =>
+								onChange( { endpoint_url: value } )
+							}
 						/>
 					</SettingsRow>
 				</>