Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Sales channel page to promote Ecomdash plugin adoption #335

Merged
merged 21 commits into from
Jul 24, 2024

Conversation

aratidgr8
Copy link
Contributor

@aratidgr8 aratidgr8 commented Jul 4, 2024

Proposed changes

JIRA: https://jira.newfold.com/browse/PRESS0-1480

  • To improve the visibility of the EcomDash plugin to our Ecommerce plus customers.
  • If a customer has the Ecomdash entitlement, then the customer should see the Ecomdash landing page from the Store navigation under "Sales Channels".
  • When a customer clicks on the page the first time, the CTA Get Started, it should open a new window with the Ecomdash onboarding.
  • After a customer has setup the Ecomdash plugin, the customer should see the landing page with Open Dashboard as the CTA instead of the Get Started CTA.
  • Related BlueHost PR
  • Figma

Type of Change

  • Bugfix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation Update (if none of the other choices apply)

Checklist

  • I have read the CONTRIBUTING doc
  • Linting and tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works
  • I have added necessary documentation (if appropriate)

Further comments

@aratidgr8 aratidgr8 changed the title Add all sales channel icons Add all sales channel page to promote Ecomdash plugin adoption Jul 4, 2024
@aratidgr8 aratidgr8 added Do not review WIP Work in Progress labels Jul 4, 2024
@aratidgr8 aratidgr8 changed the title Add all sales channel page to promote Ecomdash plugin adoption Add Sales channel page to promote Ecomdash plugin adoption Jul 4, 2024
@aratidgr8 aratidgr8 added Code Review and removed Do not review WIP Work in Progress labels Jul 16, 2024
@aratidgr8 aratidgr8 requested a review from ramyakrishnai July 16, 2024 10:07
className="nfd-button nfd-button--primary"
variant="primary"
type="button"
as={ canAccessGlobalCTB ? hasEcomdash ? ecomdashStatus.data.isInstalled ? "a" : "button" : "button" : null }
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we make it this way for better readability

Suggested change
as={ canAccessGlobalCTB ? hasEcomdash ? ecomdashStatus.data.isInstalled ? "a" : "button" : "button" : null }
as={ canAccessGlobalCTB ? ( hasEcomdash ? ( ecomdashStatus.data.isInstalled ? "a" : "button" ) : "button" ) : null }

) : null}
id={ecomdashStatus.data.isInstalled ? "manage-ecomdash" : "install-ecomdash" }
>
{ecomdashStatus.data.isInstalled ? ecomdashSetupStatus ? __("Get Started Now", "wp-module-ecommerce") : __("Go to Ecomdash", "wp-module-ecommerce") : __("Get Started Now", "wp-module-ecommerce") }
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
{ecomdashStatus.data.isInstalled ? ecomdashSetupStatus ? __("Get Started Now", "wp-module-ecommerce") : __("Go to Ecomdash", "wp-module-ecommerce") : __("Get Started Now", "wp-module-ecommerce") }
{ecomdashStatus.data.isInstalled ? ( ecomdashSetupStatus ? __("Get Started Now", "wp-module-ecommerce") : __("Go to Ecomdash", "wp-module-ecommerce") ) : __("Get Started Now", "wp-module-ecommerce") }

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ramyakrishnai As discussed, button label when in to be installed state will be Install now

<span className="nfd-flex-1 nfd-text-[#4A5567] nfd-leading-5 nfd-font-medium">
{__("Accurately sync kits, multipacks, and components without any headaches.", "wp-module-ecommerce")}
<br />
{__("headaches.", "wp-module-ecommerce")}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is this expected, as we already have one in above line as well.

<div className="nfd-text-[#000000] nfd-leading-5 nfd-font-medium nfd-mt-5 nfd-mb-11">
{__("Print barcodes for your products that can be", "wp-module-ecommerce")}
<br />
{__("used for labedivng and scanning your", "wp-module-ecommerce")}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is this a spelling mistake labeling.

{__("Print shipping labels with a preferred carrier right from your ecomdash account and save on postage.", "wp-module-ecommerce")}
<br />
{__("right from your ecomdash account and save", "wp-module-ecommerce")}
<br />
Copy link
Contributor

@ramyakrishnai ramyakrishnai Jul 16, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these needs to be removed either from the above line or from here
right from your ecomdash account and save on postage.

<br />
{__("the manual data entry needed when creating", "wp-module-ecommerce")}
<br />
{__("new listings.", "wp-module-ecommerce")}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these lines are written twice

@aratidgr8 aratidgr8 requested a review from ramyakrishnai July 16, 2024 12:20
ramyakrishnai
ramyakrishnai previously approved these changes Jul 16, 2024
@@ -113,7 +117,7 @@ export function SalesChannel(props) {
) : null}
id={ecomdashStatus.data.isInstalled ? "manage-ecomdash" : "install-ecomdash"}
>
{ecomdashStatus.data.isInstalled ? (ecomdashSetupStatus ? __("Get Started Now", "wp-module-ecommerce") : __("Go to Ecomdash", "wp-module-ecommerce")) : __("Install Now", "wp-module-ecommerce")}
{ecomdashStatus.data.isInstalled ? (ecomdashLoading ? <><Spinner /> __("Loading...", "wp-module-ecommerce") </> : ecomdashSetupStatus ? __("Get Started Now", "wp-module-ecommerce") : __("Go to Ecomdash", "wp-module-ecommerce")) : __("Install Now", "wp-module-ecommerce")}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add a parenthisis for double ternary operation for better readablity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants