feat(links): add appui soutien

This commit is contained in:
devthejo 2025-12-11 09:16:08 +01:00
parent 5e67e81f0a
commit 43bc7f6f63
No known key found for this signature in database
GPG key ID: 00CCA7A92B1D5351
4 changed files with 27 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

View file

@ -4,11 +4,12 @@ import { TouchableRipple } from "react-native-paper";
import { createStyles } from "~/theme"; import { createStyles } from "~/theme";
import Text from "~/components/Text"; import Text from "~/components/Text";
export default function AppButton({ export default function WebButton({
logo, logo,
label, label,
description, description,
url, url,
tel,
style, style,
buttonStyle, buttonStyle,
labelTextStyle, labelTextStyle,
@ -17,8 +18,17 @@ export default function AppButton({
const styles = useStyles(); const styles = useStyles();
const openPress = useCallback(async () => { const openPress = useCallback(async () => {
Linking.openURL(url); if (tel) {
}, [url]); const cleanTel = tel.replace(/\s+/g, "");
const target = cleanTel.startsWith("tel:") ? cleanTel : `tel:${cleanTel}`;
await Linking.openURL(target);
return;
}
if (url) {
await Linking.openURL(url);
}
}, [tel, url]);
return ( return (
<View style={[styles.container, style]}> <View style={[styles.container, style]}>

View file

@ -0,0 +1,12 @@
import WebButton from "~/components/Links/WebButton";
export default function WebLinkAppuiSoutien() {
return (
<WebButton
logo={require("~/assets/img/links/logo-appui-soutien.png")}
label="Appui Soutien Montjean (16)"
description="Véhicule dappui bénévole pour les petites communes dans un rayon denviron 30 km autour de Montjean (16240) : renfort aux secours, dégagement de la voie publique, soutien logistique et aux sinistrés. Astreinte : 06 84 38 16 31."
tel="+33684381631"
/>
);
}

View file

@ -28,6 +28,7 @@ import WebLinkEmerga from "~/containers/Links/WebLinks/Emerga";
import WebLinkDeltaPlane from "~/containers/Links/WebLinks/DeltaPlane"; import WebLinkDeltaPlane from "~/containers/Links/WebLinks/DeltaPlane";
import WebLinkDroguesInfoService from "~/containers/Links/WebLinks/DroguesInfoService"; import WebLinkDroguesInfoService from "~/containers/Links/WebLinks/DroguesInfoService";
import WebLinkIJP from "~/containers/Links/WebLinks/IJP"; import WebLinkIJP from "~/containers/Links/WebLinks/IJP";
import WebLinkAppuiSoutien from "~/containers/Links/WebLinks/AppuiSoutien";
export default function Links() { export default function Links() {
const styles = useStyles(); const styles = useStyles();
@ -56,6 +57,7 @@ export default function Links() {
<WebLinkIJP /> <WebLinkIJP />
<WebLinkDroguesInfoService /> <WebLinkDroguesInfoService />
<WebLinkDeltaPlane /> <WebLinkDeltaPlane />
<WebLinkAppuiSoutien />
</View> </View>
<Title style={styles.title}>S'engager</Title> <Title style={styles.title}>S'engager</Title>
<View style={styles.section}> <View style={styles.section}>