From 4fd206dcddb430ac4389f1c543f40f470a559988 Mon Sep 17 00:00:00 2001
From: Wade King <wkingnumber2@gmail.com>
Date: Wed, 6 Dec 2023 09:38:46 -0800
Subject: [PATCH] feat: added support for reporting in error modal (#1036)

Signed-off-by: wadeking98 <wkingnumber2@gmail.com>
---
 .../legacy/core/App/components/misc/InfoBox.tsx   | 15 +++++++++++++++
 .../core/App/components/modals/ErrorModal.tsx     |  8 +++++++-
 packages/legacy/core/App/localization/en/index.ts |  1 +
 packages/legacy/core/App/localization/fr/index.ts |  1 +
 .../legacy/core/App/localization/pt-br/index.ts   |  1 +
 5 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/packages/legacy/core/App/components/misc/InfoBox.tsx b/packages/legacy/core/App/components/misc/InfoBox.tsx
index 3042d6e68c..cb02a5bb10 100644
--- a/packages/legacy/core/App/components/misc/InfoBox.tsx
+++ b/packages/legacy/core/App/components/misc/InfoBox.tsx
@@ -25,6 +25,8 @@ interface BifoldErrorProps {
   description?: string
   bodyContent?: Element
   message?: string
+  secondaryCallToActionTitle?: string
+  secondaryCallToActionPressed?: GenericFn
   onCallToActionPressed?: GenericFn
   onCallToActionLabel?: string
   onClosePressed?: GenericFn
@@ -36,6 +38,8 @@ const InfoBox: React.FC<BifoldErrorProps> = ({
   description,
   bodyContent,
   message,
+  secondaryCallToActionTitle,
+  secondaryCallToActionPressed,
   onCallToActionPressed,
   onCallToActionLabel,
   onClosePressed,
@@ -228,6 +232,17 @@ const InfoBox: React.FC<BifoldErrorProps> = ({
               />
             </View>
           )}
+          {secondaryCallToActionTitle && secondaryCallToActionPressed && (
+            <View style={{ paddingTop: 10 }}>
+              <Button
+                title={secondaryCallToActionTitle}
+                accessibilityLabel={secondaryCallToActionTitle}
+                testID={testIdWithKey(secondaryCallToActionTitle)}
+                buttonType={ButtonType.Secondary}
+                onPress={secondaryCallToActionPressed}
+              />
+            </View>
+          )}
         </>
       </ScrollView>
     </View>
diff --git a/packages/legacy/core/App/components/modals/ErrorModal.tsx b/packages/legacy/core/App/components/modals/ErrorModal.tsx
index aaf9098c64..f4c8f7abe8 100644
--- a/packages/legacy/core/App/components/modals/ErrorModal.tsx
+++ b/packages/legacy/core/App/components/modals/ErrorModal.tsx
@@ -8,7 +8,11 @@ import { useTheme } from '../../contexts/theme'
 import { BifoldError } from '../../types/error'
 import InfoBox, { InfoBoxType } from '../misc/InfoBox'
 
-const ErrorModal: React.FC = () => {
+interface ErrorModalProps {
+  reportProblemAction?: (error: BifoldError) => void
+}
+
+const ErrorModal: React.FC<ErrorModalProps> = ({ reportProblemAction }) => {
   const { height } = useWindowDimensions()
   const { t } = useTranslation()
   const [modalVisible, setModalVisible] = useState<boolean>(false)
@@ -64,6 +68,8 @@ const ErrorModal: React.FC = () => {
           description={error ? error.description : t('Error.Problem')}
           message={formattedMessageForError(error ?? null)}
           onCallToActionPressed={onDismissModalTouched}
+          secondaryCallToActionTitle={t('Error.ReportThisProblem')}
+          secondaryCallToActionPressed={reportProblemAction && error ? () => reportProblemAction(error) : undefined}
         />
       </SafeAreaView>
     </Modal>
diff --git a/packages/legacy/core/App/localization/en/index.ts b/packages/legacy/core/App/localization/en/index.ts
index 807cc95678..6c4126b938 100644
--- a/packages/legacy/core/App/localization/en/index.ts
+++ b/packages/legacy/core/App/localization/en/index.ts
@@ -78,6 +78,7 @@ const translation = {
     "code_pt-BR": "Portuguese",
   },
   "Error": {
+    "ReportThisProblem": "Report this problem",
     "Unknown": "Unknown Error",
     "Problem": "A problem has occurred",
     "ErrorCode": "Error code",
diff --git a/packages/legacy/core/App/localization/fr/index.ts b/packages/legacy/core/App/localization/fr/index.ts
index 02bd149e89..bedd832fff 100644
--- a/packages/legacy/core/App/localization/fr/index.ts
+++ b/packages/legacy/core/App/localization/fr/index.ts
@@ -78,6 +78,7 @@ const translation = {
         "code_pt-BR": "Portugais",
     },
     "Error": {
+        "ReportThisProblem": "Report this problem (FR)",
         "Unknown": "Erreur inconnue",
         "Problem": "Un problème est survenu",
         "ErrorCode": "Code d'erreur",
diff --git a/packages/legacy/core/App/localization/pt-br/index.ts b/packages/legacy/core/App/localization/pt-br/index.ts
index bd76b94ce9..1b2105e663 100644
--- a/packages/legacy/core/App/localization/pt-br/index.ts
+++ b/packages/legacy/core/App/localization/pt-br/index.ts
@@ -77,6 +77,7 @@ const translation = {
     "code_pt-BR": "Português",
   },
   "Error": {
+    "ReportThisProblem": "Report this problem (PB)",
     "Unknown": "Erro Desconhecido",
     "Problem": "Ocorreu um problema",
     "ErrorCode": "Código de Erro",