From 43610765b33285581263eab0a9c61a60740ee2f3 Mon Sep 17 00:00:00 2001
From: Alexander Schoch <schochal@student.ethz.ch>
Date: Thu, 14 Sep 2023 23:06:45 +0200
Subject: [PATCH] remove emails from inspect element
---
components/boardMemberCard.jsx | 29 +++++++++++++++--------------
1 file changed, 15 insertions(+), 14 deletions(-)
diff --git a/components/boardMemberCard.jsx b/components/boardMemberCard.jsx
index a5a6c3f..e77bc6b 100644
--- a/components/boardMemberCard.jsx
+++ b/components/boardMemberCard.jsx
@@ -8,7 +8,11 @@ import { getAccentColor } from "../utilities/colors";
export default function BoardMemberCard({ entry }) {
const theme = useMantineTheme();
- const { locale } = useRouter();
+ const { locale, push } = useRouter();
+
+ const sendMail = (address) => {
+ push("mailto:" + address);
+ };
return (
<Paper
@@ -29,25 +33,22 @@ export default function BoardMemberCard({ entry }) {
{entry.name}
</Text>
<Text ta="center" c="dimmed" fz="sm">
- {entry.mail ? entry.mail + " • " : ""}
+ {entry.mail ? entry.mail.replace("@", " [ät] ") + " • " : ""}
{entry.role[locale || "en"]}
</Text>
</div>
{entry.mail && (
<div>
- <a href={"mailto:" + entry.mail} style={{ textDecoration: "none" }}>
- <Button
- leftIcon={
- <Icon icon={ICONS.EMAIL} color={getAccentColor(theme)} />
- }
- variant="default"
- fullWidth
- mt="md"
- >
- Send message
- </Button>
- </a>
+ <Button
+ leftIcon={<Icon icon={ICONS.EMAIL} color={getAccentColor(theme)} />}
+ variant="default"
+ fullWidth
+ mt="md"
+ onClick={() => sendMail(entry.mail)}
+ >
+ Send message
+ </Button>
</div>
)}
</Paper>
--
GitLab