From dafc7bef7e5a43c2fe01452636baa1e856639dd6 Mon Sep 17 00:00:00 2001 From: Charlesdoiron Date: Fri, 29 Mar 2024 13:15:06 +0100 Subject: [PATCH] feat(recosante): add recosante widget on evaluation page (#1742) --- front/src/constants/Labels.ts | 6 ++++++ .../surveys/tabSurveysScreen.component.tsx | 15 ++++++++++++++- 2 files changed, 20 insertions(+), 1 deletion(-) diff --git a/front/src/constants/Labels.ts b/front/src/constants/Labels.ts index ec63019f9..208356ae5 100644 --- a/front/src/constants/Labels.ts +++ b/front/src/constants/Labels.ts @@ -771,6 +771,12 @@ export default { description: "", title: "Dépression post partum, en parler c’est se soigner !", }, + recosante: { + buttonTitle: "Essayer Recosanté", + description: "", + title: + "Une application gratuite pour protéger votre santé et celle de votre famille", + }, title: "Auto-évaluations", tnd: { buttonTitle: "Commencer le repérage", diff --git a/front/src/screens/surveys/tabSurveysScreen.component.tsx b/front/src/screens/surveys/tabSurveysScreen.component.tsx index e9e6fcb23..adfe82adf 100644 --- a/front/src/screens/surveys/tabSurveysScreen.component.tsx +++ b/front/src/screens/surveys/tabSurveysScreen.component.tsx @@ -42,6 +42,13 @@ const TabSurveysScreen: FC = () => { void RootNavigation.navigate("tndSurvey"); }, []); + const openRecosanteSurvey = useCallback(() => { + const RECOSANTE_WIDGET_SOURCE = "1000j-application"; + void LinkingUtils.openWebsite( + `https://recosante.beta.gouv.fr/download?source=${RECOSANTE_WIDGET_SOURCE}`, + false + ); + }, []); const surveysBanner: SurveyBanner[] = [ { buttonTitle: Labels.surveys.epds.buttonTitle, @@ -55,6 +62,12 @@ const TabSurveysScreen: FC = () => { onPress: openTndSurvey, title: Labels.surveys.tnd.title, }, + { + buttonTitle: Labels.surveys.recosante.buttonTitle, + description: Labels.surveys.recosante.description, + onPress: openRecosanteSurvey, + title: Labels.surveys.recosante.title, + }, ]; return ( @@ -124,7 +137,7 @@ const styles = StyleSheet.create({ backgroundColor: Colors.primaryBlueLight, borderLeftColor: Colors.primaryBlueDark, borderLeftWidth: 3, - marginBottom: Paddings.light, + marginBottom: Paddings.largest, marginVertical: Paddings.default, padding: Paddings.default, },