From f8785042e3bf0812b696177f5272d71312678666 Mon Sep 17 00:00:00 2001 From: Rossella Ferrandino <39148794+RossellaFer@users.noreply.github.com> Date: Tue, 3 Nov 2026 14:58:25 +0900 Subject: [PATCH] #365 simple analytics badge --- e2e/i18n.spec.ts | 2 +- src/components/Footer/Footer.tsx | 22 ++++++--- .../Footer/SimpleAnalyticsBadge.tsx | 45 +++++++++++++++++++ .../Footer/__test__/Footer.test.tsx | 4 ++ src/i18n/en/translation.json | 2 +- 5 files changed, 66 insertions(+), 9 deletions(-) create mode 100644 src/components/Footer/SimpleAnalyticsBadge.tsx diff --git a/e2e/i18n.spec.ts b/e2e/i18n.spec.ts index dce69863..0fa12ea0 100644 --- a/e2e/i18n.spec.ts +++ b/e2e/i18n.spec.ts @@ -1,6 +1,6 @@ import { test, expect } from '@playwright/test' -const enSentence = 'We are proud to celebrate one year as an independent, grassroots organization empowering diverse women in technology careers.' +const enSentence = 'We are proud to celebrate two years as an independent, grassroots organization empowering diverse women in technology careers.' const jaSentence = '私たちはテクノロジー業界で活躍する多様な女性に力を与える草の根組織として1周年を迎えられたことを誇りに思います。' test.describe('Japanese Locale', () => { diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index bd122b64..681070e2 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -6,20 +6,28 @@ import InstagramIcon from '@mui/icons-material/Instagram' import LinkedInIcon from '@mui/icons-material/LinkedIn' import GitHubIcon from '@mui/icons-material/GitHub' import EventIcon from '@mui/icons-material/Event' +import Box from '@mui/material/Box' +import Container from '@mui/material/Container' import FooterIcon from './FooterIcon' +import SimpleAnalyticsBadge from './SimpleAnalyticsBadge' const Footer: FC = () => { const location = useLocation() const path = location.pathname const isHome = /^\/$/.test(path) - return - - } href="https://luma.com/womeninsoftwarejp" /> - } href="https://www.instagram.com/womeninsoftwarejp/" /> - } href="https://www.linkedin.com/company/womeninsoftwarejp/" /> - } href="https://github.com/WomenInSoftwareEngineeringJP" /> - + return + + + } href="https://luma.com/womeninsoftwarejp" /> + } href="https://www.instagram.com/womeninsoftwarejp/" /> + } href="https://www.linkedin.com/company/womeninsoftwarejp/" /> + } href="https://github.com/WomenInSoftwareEngineeringJP" /> + + + + + } diff --git a/src/components/Footer/SimpleAnalyticsBadge.tsx b/src/components/Footer/SimpleAnalyticsBadge.tsx new file mode 100644 index 00000000..91a52cff --- /dev/null +++ b/src/components/Footer/SimpleAnalyticsBadge.tsx @@ -0,0 +1,45 @@ +import { FC } from 'react' +import Link from '@mui/material/Link' + +const SimpleAnalyticsBadge: FC = () => { + return + 100% privacy-first analytics{' '} + + by + + +} + +export default SimpleAnalyticsBadge diff --git a/src/components/Footer/__test__/Footer.test.tsx b/src/components/Footer/__test__/Footer.test.tsx index 4eb536ee..bede9e61 100644 --- a/src/components/Footer/__test__/Footer.test.tsx +++ b/src/components/Footer/__test__/Footer.test.tsx @@ -18,6 +18,10 @@ describe('Footer', () => { const github = await screen.findByLabelText('GitHub') expect(github).toBeVisible() expect(github).toHaveAttribute('href', 'https://github.com/WomenInSoftwareEngineeringJP') + + const analyticsBadge = await screen.findByLabelText('100% privacy-first analytics by Simple Analytics') + expect(analyticsBadge).toHaveAttribute('href', 'https://www.simpleanalytics.com?utm_source=womeninsoftware.jp&utm_content=badge') + expect(analyticsBadge).toHaveAttribute('target', '_blank') }) }) diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json index bf175413..a785070e 100644 --- a/src/i18n/en/translation.json +++ b/src/i18n/en/translation.json @@ -10,7 +10,7 @@ "home": { "helloWorld": "✨ Hello World ✨", "joinUs": "✨ Join us on Slack ✨", - "paragraph1": "We are proud to celebrate one year as an independent, grassroots organization empowering diverse women in technology careers. Despite having a shoestring budget and a volunteer team, we produce high-quality, free events, both online and in-person.", + "paragraph1": "We are proud to celebrate two years as an independent, grassroots organization empowering diverse women in technology careers. Despite having a shoestring budget and a volunteer team, we produce high-quality, free events, both online and in-person.", "paragraph2": "Formerly known as Women Who Code Tokyo, we started in 2014 organizing community events at various tech companies. Our events give a platform for women to demonstrate technical excellence, network, and gain career skills.", "paragraph3": "We believe in the strength of women, and envision a world where women thrive at every level of the technology industry. Come build the future with us.", "whoShouldJoin": "Who should join: Our average member has 2 or more years of career experience, and we welcome beginners to seasoned professionals. While we champion women's empowerment, all genders are welcome at our events. Software-adjacent roles like Data Science, Product, Platform, UI/UX, Machine Learning, and more are welcome."