Code

UX improvements on get started page#1479

Code

Merged

ianlin merged 91 commits intodevelopwoocommerce/google-listings-and-ads:developfrom feature/1392-ux-improvements-on-get-started-pagewoocommerce/google-listings-and-ads:feature/1392-ux-improvements-on-get-started-pageCopy head branch name to clipboardMay 5, 2022

+1,432-466

Commits

Commits on Apr 18, 2022

• Add a Wistia video component

  Show description for 76917f9
  ianlin

  committed
  76917f9

• Add a useScript hook to load scripts dynamically in React components

  ianlin

  committed
  e253fc2

• Load Wistia script and check video state by Wistia API

  ianlin

  committed
  eef5e31

• Expand the video when it's being played on get started page

  ianlin

  committed
  2ac91e6

• Add marketing video in get started with video card

  ianlin

  committed
  298c4fb

• Add title in get started with video card

  ianlin

  committed
  8cce55b

• Add description in get started with video card

  ianlin

  committed
  65df60d

• Add CTA in get started with video card

  ianlin

  committed
  5eb2830

• Add hint in get started with video card

  ianlin

  committed
  76a3021

• Add ToS in get started with video card

  ianlin

  committed
  ab91a8f

• Add footer hint in get started with video card

  ianlin

  committed
  1ab4c66

• Add header in get started with video card

  ianlin

  committed
  13179b0

• Use scss variables defined in gutenberg

  ianlin

  committed
  44350e7

• Fix css linting erros

  ianlin

  committed
  0cfd8f1

Commits on Apr 19, 2022

• Use a shared Google logo image

  ianlin

  committed
  40c6663

• Use <Tip> component from @wordpress/components in get started page

  ianlin

  committed
  5759c51

• Align Tip's icon at the top of the container to match the design spec

  Show description for df9220a
  ianlin

  committed
  df9220a

• Rename class name prefix from woocommerce-marketing-google to gla

  ianlin

  committed
  e84172b

• Add getSetupMCUrl in urls utils

  ianlin

  committed
  1b95995

• Add an event JSDoc in get started with video card

  ianlin

  committed
  b0f903d

• Remove an unnecessary space

  ianlin

  committed
  dadeb91

• Use lodash's noop as the default value of the callback param

  Show description for c426ee5
  ianlin

  committed
  c426ee5

• Listen to Wistia video's "play" event to expand the video

  ianlin

  committed
  71a9913

• Apply useCallback to the useScript's callback function

  Show description for 910e112
  ianlin

  committed
  910e112

• Rename class name to gla-prefix for WistiaVideo component

  ianlin

  committed
  2c31424

• Use CardHeader instead of a header class in get started video card

  ianlin

  committed
  6eb1e68

Commits on Apr 20, 2022

• Use CardBody instead of a custom class in get started video card

  ianlin

  committed
  0aba591

Commits on Apr 21, 2022

• Refactor css for get started with video card

  ianlin

  committed
  ec9b5a7

• Merge pull request #1432 from woocommerce/add/1392-get-started-with-video-card

  Show description for 92cba45
  ianlin

  authored
  92cba45

• Merge branch 'develop' into feature/1392-ux-improvements-on-get-started-page

  ianlin

  committed
  0fe7059

• Add benefits card in new get started page

  ianlin

  committed
  4e73662

• Replace image from type SVG to PNG

  Show description for c692fc7
  ianlin

  committed
  c692fc7

Commits on Apr 22, 2022

• Update e2e test for new get started page

  ianlin

  committed
  696a99e

• Use createInterpolateElement to apply styles to i18n strings

  ianlin

  committed
  b90aaae

• Use Flexbox's gap instead of margin-bottom

  ianlin

  committed
  22271b1

• The default value of flex-direction is already row

  ianlin

  committed
  4a4b4b7

• Use gla classname to extend sub-name rather than using core component's

  ianlin

  committed
  2c531e5

• Remove unnecessary max-width

  ianlin

  committed
  9181eb1

• Merge pull request #1438 from woocommerce/add/1392-benefits-card

  Show description for 054edb1
  ianlin

  authored
  054edb1

• Display features card in get started page

  ianlin

  committed
  9f8c1ef

• Add images for new features card on new get started page

  ianlin

  committed
  60b6f09

• Add title and description to the features card in get started page

  ianlin

  committed
  53f9f99

• Update images, labels, and contents to the features card

  ianlin

  committed
  ae9eb86

• Add "Learn More" link under each feature in features card

  ianlin

  committed
  de6cd83

Commits on Apr 27, 2022

• Remove ads in the image name

  Show description for f97d3be
  ianlin

  committed
  f97d3be

• Remove default gap value for Flex component in get started features card

  ianlin

  committed
  c1753ec

• Enlarge bottom spacing for get started features card in mobile view

  ianlin

  committed
  97c9f46

• Update learn more links in get started features card

  ianlin

  committed
  d8c16ba

• Merge pull request #1440 from woocommerce/add/1392-features-card

  Show description for 2568fe6
  ianlin

  authored
  2568fe6

• Merge branch 'develop' into feature/1392-ux-improvements-on-get-started-page

  ianlin

  committed
  3b6f68e

• Add a quote image for get started case studies card

  ianlin

  committed
  802dffe

• Add title for case studies card in get started page

  ianlin

  committed
  16adafc

• Add contents to case studies card in get started page

  ianlin

  committed
  6a955aa

Commits on Apr 28, 2022

• Rename case studies to customer quotes in get started page

  ianlin

  committed
  ca06c61

• Refactor css to use more specific rules rather than repeating selectors

  ianlin

  committed
  c673732

• Rename ContentBlock to Quote in customer quotes card

  ianlin

  committed
  6404822

• Use shared variables for font sizes and line heights in get started page

  ianlin

  committed
  13e1ac1

• Refactor css to use more specific rules rather than repeating selectors

  ianlin

  committed
  fd58db1

Commits on Apr 29, 2022

• Makes image in benefits card responsive in desktops/mobiles/tablets

  ianlin

  committed
  a369c68

• Make customer quotes look more balanced in different resolution

  ianlin

  committed
  0011c43

• Update the image for get started card

  ianlin

  committed
  4ce27d3

• Add get started card in new get started page

  ianlin

  committed
  587422a

• Add object-fit: cover in features card's image

  Show description for 8f321ed
  ianlin

  committed
  8f321ed

• Replace image width from 279.05 to 279 in get started card

  ianlin

  committed
  45622a3

• Cleanup css files in get started card

  ianlin

  committed
  a819c2e

Commits on May 3, 2022

• Merge pull request #1449 from woocommerce/add/1392-case-studies-card

  Show description for 4669394
  ianlin

  authored
  4669394

• Merge branch 'develop' into feature/1392-ux-improvements-on-get-started-page

  ianlin

  committed
  d2aa64b

• Move the shared css file to js/src/css/abstracts/_gla_variables.scss

  Show description for 302d769
  ianlin

  committed
  302d769

• Add different contexts for 2 CTAs in get started page

  ianlin

  committed
  5faf81d

• Update event JSDoc for CTAs in get started page

  ianlin

  committed
  d5cf7d3

• Merge pull request #1460 from woocommerce/add/1392-get-started-card

  Show description for c26110c
  ianlin

  authored
  c26110c

• Move get-started-page/faqs.js to get-started-page/faqs/index.js

  ianlin

  committed
  1da37a8

• Update faqs panel header's style in get started faqs to align design

  ianlin

  committed
  2b98f78

• Update the 1st FAQ in get started page

  ianlin

  committed
  d20b14f

• Update the 2nd FAQ in get started page

  ianlin

  committed
  72c8359

• Update the 3rd FAQ in get started page

  ianlin

  committed
  848b9bb

• Update the 4th FAQ in get started page

  ianlin

  committed
  0baccfd

• Update the 5th FAQ in get started page

  ianlin

  committed
  223c210

• Update the 6th FAQ in get started page

  ianlin

  committed
  7cd8ba5

• Update the 7th FAQ in get started page

  ianlin

  committed
  f0a9d21

• Update the 8th FAQ in get started page

  ianlin

  committed
  f3bfe17

• Fix the FAQ questions would overlap with the caret down icon

  Show description for 5aa5035
  ianlin

  committed
  5aa5035

• Indicates className is optional in JSDoc for FaqsPanel component

  ianlin

  committed
  43a1d02

• Apply <p> to every row of FAQs so they have same line heights

  ianlin

  committed
  f82e29a

Commits on May 4, 2022

• Apply <p> to every row of FAQs so they have same line heights

  ianlin

  committed
  1232c2e

• Use flex to wrap the gutenberg panel's svg icon

  Show description for 641a397
  ianlin

  committed
  641a397

• Adjust FAQ's question title's font style to align the design

  ianlin

  committed
  486cc21

Commits on May 5, 2022

• Remove unnecessary overrides for Panel component

  ianlin

  committed
  9e15573

• Merge pull request #1470 from woocommerce/add/1392-faqs

  Show description for 533a9d4
  ianlin

  authored
  533a9d4

• Merge branch 'develop' into feature/1392-ux-improvements-on-get-started-page

  ianlin

  committed
  e0042bd

• Fix a CSS lint error

  ianlin

  committed
  88b3d65