woocommerce/plugins/woocommerce-admin/client/payments-welcome/faq.tsx

95 lines
2.7 KiB
TypeScript
Raw Normal View History

Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8151) * Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8083) * Add wc-pay-welcome-screen flags * Add wc pay welcome page from wc calpyso bridge * Add changelog * Rename var to pageViewTimestamp to prevent confusion * Remove unused code * Make sure hasViewedWelcomePage is a boolean value * Simplify storeViewWelcome * Add payments remind me later note (https://github.com/woocommerce/woocommerce-admin/pull/8085) * Add payments remind me later note Fix wcpay path * Add changelogs * Update src/Notes/PaymentsRemindMeLater.php Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> * Fix possibly_add_note syntax error Update Events.php Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> * Replace flag icon with component and svg background to png (https://github.com/woocommerce/woocommerce-admin/pull/8101) * Activate promo note after WC Pay is activated (https://github.com/woocommerce/woocommerce-admin/pull/8104) * Activate promo after wcpay is a\ctivated * Add changelogs * Add experimental to promo API path and limit the promo names * Use ExPlat to render the WC Pay menu conditionally (https://github.com/woocommerce/woocommerce-admin/pull/8115) * Check ExPlat to render the menu conditionally * Update the experiment name * Fix letter case to follow feature class naming convention * Enable wc-pay-welcome-page feature in core config (https://github.com/woocommerce/woocommerce-admin/pull/8124) * Use wc_calypso_bridge_payments_dismissed option name to respect the previously saved setting from wp.com * Missed wc_calypso_bridge_payments_dismissed rename * Use the existing code to prevent duplication * Fix warning (https://github.com/woocommerce/woocommerce-admin/pull/8141) * Change experiment to come after checks (https://github.com/woocommerce/woocommerce-admin/pull/8142) * Change track path to (https://github.com/woocommerce/woocommerce-admin/pull/8143) Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com> Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com> * Replace deprecated wc-admin-settings package Co-authored-by: Moon <moon.kyong@automattic.com> Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com> Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
2022-01-12 06:46:33 +00:00
/**
* External dependencies
*/
import { Icon, help } from '@wordpress/icons';
import { Panel, PanelBody as PanelBodyBase } from '@wordpress/components';
/**
* Internal dependencies
*/
import strings from './strings';
const PanelBody: React.FC< PanelBodyBase.Props > = ( props ) => {
return <PanelBodyBase initialOpen={ false } { ...props } />;
};
const FrequentlyAskedQuestions: React.FC = () => {
return (
<div className="faq__card">
<h3>{ strings.faq.faqHeader }</h3>
<Panel>
<PanelBody title={ strings.faq.question1 }>
<p>{ strings.faq.question1Answer1 }</p>
<p>{ strings.faq.question1Answer2 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question2 }>
<p>{ strings.faq.question2Answer1 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question3 }>
<ul>
<li>{ strings.faq.question3Answer1 }</li>
<li>{ strings.faq.question3Answer2 }</li>
<li>{ strings.faq.question3Answer3 }</li>
<li>{ strings.faq.question3Answer4 }</li>
<li>{ strings.faq.question3Answer5 }</li>
Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8151) * Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8083) * Add wc-pay-welcome-screen flags * Add wc pay welcome page from wc calpyso bridge * Add changelog * Rename var to pageViewTimestamp to prevent confusion * Remove unused code * Make sure hasViewedWelcomePage is a boolean value * Simplify storeViewWelcome * Add payments remind me later note (https://github.com/woocommerce/woocommerce-admin/pull/8085) * Add payments remind me later note Fix wcpay path * Add changelogs * Update src/Notes/PaymentsRemindMeLater.php Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> * Fix possibly_add_note syntax error Update Events.php Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> * Replace flag icon with component and svg background to png (https://github.com/woocommerce/woocommerce-admin/pull/8101) * Activate promo note after WC Pay is activated (https://github.com/woocommerce/woocommerce-admin/pull/8104) * Activate promo after wcpay is a\ctivated * Add changelogs * Add experimental to promo API path and limit the promo names * Use ExPlat to render the WC Pay menu conditionally (https://github.com/woocommerce/woocommerce-admin/pull/8115) * Check ExPlat to render the menu conditionally * Update the experiment name * Fix letter case to follow feature class naming convention * Enable wc-pay-welcome-page feature in core config (https://github.com/woocommerce/woocommerce-admin/pull/8124) * Use wc_calypso_bridge_payments_dismissed option name to respect the previously saved setting from wp.com * Missed wc_calypso_bridge_payments_dismissed rename * Use the existing code to prevent duplication * Fix warning (https://github.com/woocommerce/woocommerce-admin/pull/8141) * Change experiment to come after checks (https://github.com/woocommerce/woocommerce-admin/pull/8142) * Change track path to (https://github.com/woocommerce/woocommerce-admin/pull/8143) Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com> Co-authored-by: Joshua T Flowers <joshuatf@gmail.com> Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com> * Replace deprecated wc-admin-settings package Co-authored-by: Moon <moon.kyong@automattic.com> Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com> Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
2022-01-12 06:46:33 +00:00
</ul>
</PanelBody>
<PanelBody title={ strings.faq.question4 }>
<p>{ strings.faq.question4Answer1 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question5 }>
<p>{ strings.faq.question5Answer1 }</p>
<p>{ strings.faq.question5Answer2 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question6 }>
<p>{ strings.faq.question6Answer1 }</p>
<p>{ strings.faq.question6Answer2 }</p>
<p>{ strings.faq.question6Answer3 }</p>
<p>{ strings.faq.question6Answer4 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question7 }>
<p>{ strings.faq.question7Answer1 }</p>
<ul>
<li>{ strings.faq.question7Answer2 }</li>
<li>{ strings.faq.question7Answer3 }</li>
<li>{ strings.faq.question7Answer4 }</li>
<li>{ strings.faq.question7Answer5 }</li>
<li>{ strings.faq.question7Answer6 }</li>
<li>{ strings.faq.question7Answer7 }</li>
<li>{ strings.faq.question7Answer8 }</li>
<li>{ strings.faq.question7Answer9 }</li>
<li>{ strings.faq.question7Answer10 }</li>
</ul>
<p>{ strings.faq.question7Answer11 }</p>
<p>{ strings.faq.question7Answer12 }</p>
<p>{ strings.faq.question7Answer13 }</p>
</PanelBody>
<PanelBody title={ strings.faq.question8 }>
<p>{ strings.faq.question8Answer1 }</p>
<p>{ strings.faq.question8Answer2 }</p>
</PanelBody>
</Panel>
<div className="help-section">
<Icon icon={ help } />
<span>{ strings.faq.haveMoreQuestions }</span>
<a
href="https://www.woocommerce.com/my-account/tickets/"
target="_blank"
rel="noreferrer"
>
{ strings.faq.getInTouch }
</a>
</div>
</div>
);
};
export default FrequentlyAskedQuestions;