diff --git a/src/assets/img/links/logo-appui-soutien.png b/src/assets/img/links/logo-appui-soutien.png
new file mode 100644
index 0000000..0aa8d18
Binary files /dev/null and b/src/assets/img/links/logo-appui-soutien.png differ
diff --git a/src/components/Links/WebButton.js b/src/components/Links/WebButton.js
index bc271c2..2b77af3 100644
--- a/src/components/Links/WebButton.js
+++ b/src/components/Links/WebButton.js
@@ -4,11 +4,12 @@ import { TouchableRipple } from "react-native-paper";
import { createStyles } from "~/theme";
import Text from "~/components/Text";
-export default function AppButton({
+export default function WebButton({
logo,
label,
description,
url,
+ tel,
style,
buttonStyle,
labelTextStyle,
@@ -17,8 +18,17 @@ export default function AppButton({
const styles = useStyles();
const openPress = useCallback(async () => {
- Linking.openURL(url);
- }, [url]);
+ if (tel) {
+ 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 (