From 7dfa59a0f955febbfad89039976f6f154dc7daea Mon Sep 17 00:00:00 2001
From: William Stein <wstein@sagemath.com>
Date: Tue, 10 Dec 2024 21:57:52 +0000
Subject: [PATCH] student pay via link -- this is good enough

---
 src/packages/frontend/purchases/payments.tsx |  2 +-
 src/packages/next/pages/token/[id].tsx       | 21 +++++++++++---------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/packages/frontend/purchases/payments.tsx b/src/packages/frontend/purchases/payments.tsx
index 8aa4164dbc..756b1a6529 100644
--- a/src/packages/frontend/purchases/payments.tsx
+++ b/src/packages/frontend/purchases/payments.tsx
@@ -469,7 +469,7 @@ function InvoiceLink({ invoice }) {
       type="link"
       target="_blank"
     >
-      <Icon name="external-link" /> Invoice{" "}
+      <Icon name="external-link" /> Invoice and Receipt{" "}
       {isExpired ? " (expired)" : undefined}
     </Button>
   );
diff --git a/src/packages/next/pages/token/[id].tsx b/src/packages/next/pages/token/[id].tsx
index 6f85ff3200..126c78e1d2 100644
--- a/src/packages/next/pages/token/[id].tsx
+++ b/src/packages/next/pages/token/[id].tsx
@@ -29,6 +29,7 @@ import getAccountId from "lib/account/get-account";
 import InPlaceSignInOrUp from "components/auth/in-place-sign-in-or-up";
 import StripePayment from "@cocalc/frontend/purchases/stripe-payment";
 import { LineItemsTable } from "@cocalc/frontend/purchases/line-items";
+import A from "components/misc/A";
 
 const STYLE = { margin: "30px auto", maxWidth: "750px", fontSize: "14pt" };
 
@@ -167,7 +168,7 @@ function Dialog({
 }
 
 function HandleToken({ token }) {
-  const { calling, result, error, call } = useAPI("token-action", { token });
+  const { calling, result, error } = useAPI("token-action", { token });
 
   return (
     <div>
@@ -178,16 +179,16 @@ function HandleToken({ token }) {
       )}
       {error && <Alert showIcon style={STYLE} type="error" message={error} />}
       {!calling && result != null && !error && (
-        <RenderResult data={result.data} call={call} />
+        <RenderResult data={result.data} />
       )}
     </div>
   );
 }
 
-function RenderResult({ data, call }) {
+function RenderResult({ data }) {
   const [finishedPaying, setFinishedPaying] = useState<boolean>(false);
 
-  if (data?.pay != null) {
+  if (data?.pay != null && !finishedPaying) {
     return (
       <Card style={STYLE} title="Make a Payment">
         <div>
@@ -196,10 +197,6 @@ function RenderResult({ data, call }) {
             {...data.pay}
             onFinished={() => {
               setFinishedPaying(true);
-              call();
-              // wait a little then check again to see if the payment went through.
-              // if not user should see a message about processing.
-              setTimeout(call, 5000);
             }}
           />
         </div>
@@ -211,7 +208,13 @@ function RenderResult({ data, call }) {
         showIcon
         style={STYLE}
         type="success"
-        message="Thank you."
+        message={
+          <>
+            Thank you for your payment! Please visit{" "}
+            <A href="/settings/payments">the payments page</A> to ensure your
+            payment is completed successfully and download a receipt.
+          </>
+        }
         description={data?.text ? <Markdown value={data?.text} /> : undefined}
       />
     );