Hide helper text related to Storefront theme in Multi-Currency settings when Storefront is not the active theme

changelog/fix-6182-hide-storefront-tooltip

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Hide tooltip related to Storefront theme in Multi-Currency settings when Storefront is not the active theme

client/multi-currency-setup/tasks/store-settings-task/index.js

@@ -127,15 +127,14 @@ const StoreSettingsTask = () => {
 										'woocommerce-payments'
 									) }
 								/>
-								<br />
+								<div className="multi-currency-settings-task__description">
+									{ __(
+										'A currency switcher is also available in your widgets.',
+										'woocommerce-payments'
+									) }
+								</div>
 							</>
 						) : null }
-						<div className="wcpay-wizard-task__description-element is-muted-color">
-							{ __(
-								'A currency switcher is also available in your widgets.',
-								'woocommerce-payments'
-							) }
-						</div>
 					</CardBody>
 				</Card>
 				<Button

client/multi-currency-setup/tasks/store-settings-task/test/__snapshots__/index.test.js.snap

@@ -121,9 +121,8 @@ exports[`Multi-Currency store settings store settings task renders correctly: sn
                   </label>
                 </div>
               </div>
-              <br />
               <div
-                class="wcpay-wizard-task__description-element is-muted-color"
+                class="multi-currency-settings-task__description"
               >
                 A currency switcher is also available in your widgets.
               </div>

client/multi-currency/multi-currency-settings/store-settings/index.js

@@ -139,35 +139,43 @@ const StoreSettings = () => {
 								) }
 							</div>
 							{ storeSettings.site_theme === 'Storefront' ? (
-								<CheckboxControl
-									checked={ isStorefrontSwitcherEnabledValue }
-									onChange={
-										handleIsStorefrontSwitcherEnabledClick
-									}
-									data-testid={ 'enable_storefront_switcher' }
-									label={ __(
-										'Add a currency switcher to the Storefront theme on breadcrumb section.',
-										'woocommerce-payments'
-									) }
-								/>
-							) : null }
-							<div className="multi-currency-settings__description">
-								{ createInterpolateElement(
-									sprintf(
-										/* translators: %s: url to the widgets page */
-										__(
-											'A currency switcher is also available in your widgets. ' +
-												'<linkToWidgets>Configure now</linkToWidgets>',
+								<>
+									<CheckboxControl
+										checked={
+											isStorefrontSwitcherEnabledValue
+										}
+										onChange={
+											handleIsStorefrontSwitcherEnabledClick
+										}
+										data-testid={
+											'enable_storefront_switcher'
+										}
+										label={ __(
+											'Add a currency switcher to the Storefront theme on breadcrumb section.',
 											'woocommerce-payments'
-										),
-										'widgets.php'
-									),
-									{
-										// eslint-disable-next-line jsx-a11y/anchor-has-content
-										linkToWidgets: <a href="widgets.php" />,
-									}
-								) }
-							</div>
+										) }
+									/>
+									<div className="multi-currency-settings__description">
+										{ createInterpolateElement(
+											sprintf(
+												/* translators: %s: url to the widgets page */
+												__(
+													'A currency switcher is also available in your widgets. ' +
+														'<linkToWidgets>Configure now</linkToWidgets>',
+													'woocommerce-payments'
+												),
+												'widgets.php'
+											),
+											{
+												linkToWidgets: (
+													// eslint-disable-next-line jsx-a11y/anchor-has-content
+													<a href="widgets.php" />
+												),
+											}
+										) }
+									</div>
+								</>
+							) : null }
 						</CardBody>
 						<PreviewModal
 							isPreviewModalOpen={ isPreviewModalOpen }