From f347d2277cb3329474749da76b3a68fff9e474cb Mon Sep 17 00:00:00 2001
From: Foo Chi Fa <59867455+foochifa@users.noreply.github.com>
Date: Wed, 26 Apr 2023 12:52:54 +0800
Subject: [PATCH] chore: update payment guide in payment unsupported msg
 (#6199)

---
 .../PaymentSettingsSection/PaymentsUnsupportedMsg.tsx     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/admin-form/settings/components/PaymentSettingsSection/PaymentsUnsupportedMsg.tsx b/frontend/src/features/admin-form/settings/components/PaymentSettingsSection/PaymentsUnsupportedMsg.tsx
index 8e2417091e..84a2d0dfa5 100644
--- a/frontend/src/features/admin-form/settings/components/PaymentSettingsSection/PaymentsUnsupportedMsg.tsx
+++ b/frontend/src/features/admin-form/settings/components/PaymentSettingsSection/PaymentsUnsupportedMsg.tsx
@@ -1,5 +1,8 @@
 import { Flex, Text } from '@chakra-ui/react'
 
+import { GUIDE_PAYMENTS } from '~constants/links'
+import Link from '~components/Link'
+
 import { SettingsUnsupportedSvgr } from '~features/admin-form/settings/svgrs/SettingsUnsupportedSvgr'
 
 export const PaymentsUnsupportedMsg = (): JSX.Element => {
@@ -10,7 +13,10 @@ export const PaymentsUnsupportedMsg = (): JSX.Element => {
       </Text>
       <Text textStyle="body-1" color="secondary.500" mb="2.5rem">
         Collect payments through FormSG via integration with Stripe. This
-        feature is only available in Storage Mode.
+        feature is only available in Storage Mode.&nbsp;
+        <Link isExternal href={GUIDE_PAYMENTS}>
+          Read more about payments
+        </Link>
       </Text>
       <SettingsUnsupportedSvgr />
     </Flex>