Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-blocks/assets/js/blocks/classic-shortcode/placeholder.tsx

56 lines
2.5 KiB
TypeScript
Raw Normal View History

Cart and Checkout block transforms for classic shortcodes (https://github.com/woocommerce/woocommerce-blocks/pull/11228) * Add transforms for checkout block * Block to shortcode switcher in notice * cart transforms * Fix target block for switching * Remove switcher UI for classic cart/checkout * Set isPreview when generating block preview in switcher * Onboarding task * Action on click * Focus on block after replacement * Update notice styling and wording * Undo functionality * Look for woocommerce/classic-shortcode when determining if task list item should display * Enable focus on the cart/checkout block when visiting from the task list * Classic Cart/Checkout Updated Title * Add missing translations * Refactor modal content to avoid sprintf * Improve pickBlockClientId * Tracks events for switching to classic shortcode block * TaskList support for non-block themes * Updated placeholder to work on non-white page backgrounds * Find blocks using findBlock utility * Add TabbableContainer for buttons * Add align to wrapper * Update modal content * Update modal usage * Removed undo link when converting from classic shortcode * Check if block was selected * Revert "Removed undo link when converting from classic shortcode" This reverts commit 2babbab4c1e69861a0371ff745e85d80ff6bbab1. * update snackbar text
2023-10-19 15:43:43 +00:00
/**
* External dependencies
*/
import { Rect, SVG, G } from '@wordpress/primitives';
export const CartPlaceholder = () => (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 892 516">
<G fill="currentColor" transform="translate(-1)">
<Rect width="100" height="20" x="1" rx="2" />
<Rect width="100" height="20" x="421" rx="2" />
<Rect width="100" height="20" x="793" rx="2" />
<Rect width="150" height="24" x="125" y="48" rx="2" />
<Rect width="50" height="24" x="125" y="86" rx="2" />
<Rect width="50" height="24" x="457" y="48" rx="2" />
<Rect width="100" height="100" x="15" y="48" rx="2" />
<Rect width="150" height="150" x="1" y="318" rx="2" />
<Rect width="150" height="150" x="373" y="318" rx="2" />
<Rect width="150" height="150" x="187" y="318" rx="2" />
<Rect width="150" height="24" x="125" y="178" rx="2" />
<Rect width="50" height="24" x="125" y="216" rx="2" />
<Rect width="50" height="24" x="457" y="178" rx="2" />
<Rect width="100" height="100" x="15" y="178" rx="2" />
<Rect width="304" height="359" x="588" y="34" rx="2" />
<Rect width="520" height="1" x="1" y="34" rx=".5" />
<Rect width="520" height="1" y="162" rx=".5" />
<Rect width="520" height="1" x="1" y="292" rx=".5" />
<Rect width="304" height="64" x="589" y="407" rx="2" />
<Rect width="100" height="38" x="26" y="478" rx="2" />
<Rect width="100" height="38" x="212" y="478" rx="2" />
<Rect width="100" height="38" x="398" y="478" rx="2" />
</G>
</SVG>
);
export const CheckoutPlaceholder = () => (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 892 726">
<G fill="currentColor" transform="translate(-1)">
<Rect width="203" height="38" x="1" rx="2" />
<Rect width="434" height="38" x="1" y="62" rx="2" />
<Rect width="434" height="38" y="124" rx="2" />
<Rect width="434" height="38" x="1" y="186" rx="2" />
<Rect width="434" height="38" x="2" y="248" rx="2" />
<Rect width="434" height="38" x="3" y="310" rx="2" />
<Rect width="434" height="38" x="3" y="372" rx="2" />
<Rect width="892" height="204" x="2" y="434" rx="2" />
<Rect width="203" height="38" x="231" rx="2" />
<Rect width="203" height="38" x="514" rx="2" />
<Rect width="427" height="100" x="466" y="62" rx="2" />
<Rect width="304" height="64" x="588" y="662" rx="2" />
<Rect width="38" height="38" x="466" rx="2" />
<Rect width="203" height="38" x="48" y="662" rx="2" />
<Rect width="38" height="38" y="662" rx="2" />
</G>
</SVG>
);