move actions.placeOrder method

Author: gioboa

src/routes/checkout/index.tsx

@@ -4,11 +4,9 @@ import { useTranslate } from 'qwik-speak';
 import { OrderSummary } from '~/components/OrderSummary/OrderSummary';
 import { ShippingMethodSelector } from '~/components/ShippingMethodSelector/ShippingMethodSelector';
 import { Divider } from '~/components/UI/Divider/Divider';
-import { ACTIONS_CONTEXT } from '~/shared/constants';
 
 export default component$(() => {
 	const t = useTranslate();
-	const actions = useContext(ACTIONS_CONTEXT);
 	return (
 		<main data-testid='checkout-layout'>
 			<div
@@ -199,9 +197,6 @@ export default component$(() => {
 								class='inline-flex items-center justify-center font-medium text-base focus-visible:outline focus-visible:outline-offset rounded-md disabled:text-disabled-500 disabled:bg-disabled-300 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed py-3 leading-6 px-6 gap-3 text-white shadow hover:shadow-md active:shadow bg-primary-700 hover:bg-primary-800 active:bg-primary-900 disabled:bg-disabled-300 w-full mb-4 md:mb-0'
 								data-testid='button'
 								href='/order/success'
-								onClick$={() => {
-									actions.placeOrder();
-								}}
 							>
 								{t('placeOrder')}
 							</a>

src/routes/order/success/index.tsx

@@ -1,11 +1,16 @@
-import { component$ } from '@builder.io/qwik';
+import { component$, useContext, useVisibleTask$ } from '@builder.io/qwik';
 import { Link } from '@builder.io/qwik-city';
 import { Image } from 'qwik-image';
 import { useTranslate } from 'qwik-speak';
 import { SfButton } from 'qwik-storefront-ui';
+import { ACTIONS_CONTEXT } from '~/shared/constants';
 
 export default component$(() => {
 	const t = useTranslate();
+	const actions = useContext(ACTIONS_CONTEXT);
+	useVisibleTask$(() => {
+		actions.placeOrder();
+	});
 	return (
 		<div class='px-4 md:px-0' data-testid='order-success-page'>
 			<div class='border border-1 border-neutral-200 mt-10 mb-20 rounded p-4 md:p-6 flex flex-col items-center max-w-2xl mx-auto'>