feat: added support for reporting in error modal (#1036)

Signed-off-by: wadeking98 <[email protected]>
openwallet-foundation · Dec 6, 2023 · 4fd206d · 4fd206d
1 parent 3c687f0
commit 4fd206d
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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",