Adds donationhistory text below paymentpane

stiftelsen-effekt · Feb 28, 2021 · 27aa2d1 · 27aa2d1
1 parent a8bbaeb
commit 27aa2d1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/components/panes/PaymentPane/Paypal/PayPalPane.tsx b/src/components/panes/PaymentPane/Paypal/PayPalPane.tsx
@@ -2,7 +2,9 @@ import React, { useEffect } from "react";
 import { useSelector } from "react-redux";
 import { State } from "../../../../store/state";
 import { NextButton } from "../../../shared/Buttons/NavigationButtons.style";
+import { OrangeLink } from "../../../Widget.style";
 import { Pane, PaneContainer, PaneTitle, UnderTitle } from "../../Panes.style";
+import { InfoText } from "../PaymentPane.style";
 import {
   PayPalButton,
   PayPalForm,
@@ -110,6 +112,13 @@ export const PaypalPane: React.FC = () => {
         <PaneTitle>Tusen takk!</PaneTitle>
         <UnderTitle>Du kan nå overføre til oss</UnderTitle>
         {isRecurring === 0 ? recurringForm : singleForm}
+        <InfoText>
+          {`Ønsker du å se hele donasjonshistorikken din? Gå til `}
+          <OrangeLink href="https://gieffektivt.no/historikk" target="_blank">
+            https://gieffektivt.no/historikk
+          </OrangeLink>
+          {` og tast inn eposten din, så mottar du straks en oversikt over alle dine donasjoner.`}
+        </InfoText>
         <NextButton
           onClick={() => {
             window.location.reload();

diff --git a/src/components/panes/PaymentPane/Vipps/VippsPane.tsx b/src/components/panes/PaymentPane/Vipps/VippsPane.tsx
@@ -2,7 +2,9 @@ import React, { useEffect } from "react";
 import { useSelector } from "react-redux";
 import { State } from "../../../../store/state";
 import { NextButton } from "../../../shared/Buttons/NavigationButtons.style";
+import { OrangeLink } from "../../../Widget.style";
 import { Pane, PaneContainer, PaneTitle, UnderTitle } from "../../Panes.style";
+import { InfoText } from "../PaymentPane.style";
 import { VippsButton, VippsButtonWrapper } from "./VippsPane.style";
 
 export const VippsPane: React.FC = () => {
@@ -32,6 +34,13 @@ export const VippsPane: React.FC = () => {
             }}
           />
         </VippsButtonWrapper>
+        <InfoText>
+          {`Ønsker du å se hele donasjonshistorikken din? Gå til `}
+          <OrangeLink href="https://gieffektivt.no/historikk" target="_blank">
+            https://gieffektivt.no/historikk
+          </OrangeLink>
+          {` og tast inn eposten din, så mottar du straks en oversikt over alle dine donasjoner.`}
+        </InfoText>
         <NextButton
           onClick={() => {
             window.location.reload();