diff --git a/pwa-devdocs/src/_drafts/venia-pwa-concept/component/order-confirmation/index.md b/pwa-devdocs/src/_drafts/venia-pwa-concept/component/order-confirmation/index.md new file mode 100644 index 00000000000..a3230ed8660 --- /dev/null +++ b/pwa-devdocs/src/_drafts/venia-pwa-concept/component/order-confirmation/index.md @@ -0,0 +1,22 @@ +--- +title: OrderConfirmation component +--- + +| Description | Reference image | +| -------------------------- | :-------------------------------------------: | +| Order confirmation | ![Order confirmation]{:width="300px"} | +| **Order number** link | ![Order number]{:width="300px"} | +| **Continue shopping** button | ![Continue shopping button]{:width="300px"} | +| **Create an account** button | ![Create an account button]{:width="300px"} | +{:style="table-layout:auto"} + +[Order confirmation]: {{site.baseurl}}{% link venia-pwa-concept/images/order-confirmation.png %} +[Order number]: {{site.baseurl}}{% link venia-pwa-concept/images/order-number.png %} +[Continue shopping button]: {{site.baseurl}}{% link venia-pwa-concept/images/continue-shopping-button.png %} +[Create an account button]: {{site.baseurl}}{% link venia-pwa-concept/images/create-an-account-button.png %} + +## Interactions + +* **Continue shopping** button - On tap navigates the user to the page he came from. +* **Create an account** button - On tap navigates the user to the account creation page. +* **Order number** link - On tap navigates the user to the page of purchase he just made. diff --git a/pwa-devdocs/src/_drafts/venia-pwa-concept/component/purchase-history/index.md b/pwa-devdocs/src/_drafts/venia-pwa-concept/component/purchase-history/index.md new file mode 100644 index 00000000000..4f7da07d1ff --- /dev/null +++ b/pwa-devdocs/src/_drafts/venia-pwa-concept/component/purchase-history/index.md @@ -0,0 +1,19 @@ +--- +title: PurchaseHistory component +--- + +| Description | Reference image | +| -------------------------- | :-------------------------------------------: | +| Purchase history | ![Purchase history]{:width="300px"} | +| Filter | ![Filter]{:width="300px"} | +| Purchase history list item | ![Purchase history list item]{:width="300px"} | +{:style="table-layout:auto"} + +[Purchase history]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-history.png %} +[Filter]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-history-filter.png %} +[Purchase history list item]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-history-item.png %} + +## Interactions + +* **Tap Item** - Navigates the user away from the purchase history and into the particular purchase history item page. +* **Tap Filter** - Shows up filter adjustments menu diff --git a/pwa-devdocs/src/venia-pwa-concept/images/continue-shopping-button.png b/pwa-devdocs/src/venia-pwa-concept/images/continue-shopping-button.png new file mode 100644 index 00000000000..819c1f1ec3f Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/continue-shopping-button.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/create-an-account-button.png b/pwa-devdocs/src/venia-pwa-concept/images/create-an-account-button.png new file mode 100644 index 00000000000..cadca2ba9a0 Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/create-an-account-button.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/order-confirmation.png b/pwa-devdocs/src/venia-pwa-concept/images/order-confirmation.png new file mode 100644 index 00000000000..4f1721aa89f Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/order-confirmation.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/order-number.png b/pwa-devdocs/src/venia-pwa-concept/images/order-number.png new file mode 100644 index 00000000000..1a7f6ed053a Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/order-number.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-filter.png b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-filter.png new file mode 100644 index 00000000000..12329c61e80 Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-filter.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-item.png b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-item.png new file mode 100644 index 00000000000..0c7522e6feb Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history-item.png differ diff --git a/pwa-devdocs/src/venia-pwa-concept/images/purchase-history.png b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history.png new file mode 100644 index 00000000000..5b357dddd12 Binary files /dev/null and b/pwa-devdocs/src/venia-pwa-concept/images/purchase-history.png differ