handle payment being done

Frontend/src/api/registration/get/get_payment_intent.ts

@@ -4,6 +4,7 @@ export interface PaymentInfo {
   // This is the MySQL payment id that can be give to the payment service
   // to get the relevant data, not the Stripe ID!
   id: string
+  status: string
 }
 // We get the user_id out of the JWT key, which is why we only send the
 // competition_id

Frontend/src/pages/register/components/StripeWrapper.jsx

@@ -40,7 +40,8 @@ export default function StripeWrapper() {
     queryKey: ['payment-config', competitionInfo.id, paymentInfo?.id],
     queryFn: () => getStripeConfig(competitionInfo.id, paymentInfo?.id),
     onError: (err) => setMessage(err.error, 'error'),
-    enabled: !isPaymentIdLoading && !isError,
+    enabled:
+      !isPaymentIdLoading && !isError && paymentInfo?.status !== 'succeeded',
     refetchOnWindowFocus: false,
     refetchOnReconnect: false,
     staleTime: Infinity,
@@ -64,6 +65,9 @@ export default function StripeWrapper() {
   return (
     <>
       <h1>Payment</h1>
+      {paymentInfo?.status === 'succeeded' && (
+        <div>Your payment has been successfully processed.</div>
+      )}
       {!isPaymentIdLoading && stripePromise && !isError && (
         <Elements
           stripe={stripePromise}

app/controllers/registration_controller.rb

@@ -176,7 +176,7 @@ def payment_ticket
     else
       ticket = @registration.payment_ticket
     end
-    render json: { id: ticket }
+    render json: { id: ticket, status: @registration.payment_status }
   end
 
   def validate_payment_ticket_request