diff --git a/src/components/Header/DesktopHeader.tsx b/src/components/Header/DesktopHeader.tsx index a7e61ca..3e18361 100644 --- a/src/components/Header/DesktopHeader.tsx +++ b/src/components/Header/DesktopHeader.tsx @@ -6,6 +6,7 @@ import Typography from '@mui/material/Typography'; import { styled } from '@mui/material/styles'; import SideDrawer from '../SideDrawer/SideDrawer'; import StyledNavLink from '@/components/StyledNavLink/StyledNavLink' +import { useTranslation } from 'react-i18next'; const StyledToolbar = styled(Toolbar)(({ theme }) => ({ @@ -22,16 +23,18 @@ const StyledToolbar = styled(Toolbar)(({ theme }) => ({ const DesktopHeader: FC = () => { + const { t } = useTranslation(); + return WiSE Japan - Women in Software Engineering Japan + {t('header.subtitle')} - Code of Conduct + {t('header.codeOfConduct')} diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json index ffce5ea..be95bb6 100644 --- a/src/i18n/en/translation.json +++ b/src/i18n/en/translation.json @@ -1,5 +1,13 @@ { - "codeOfConduct": "Code of Conduct", - "helloWorld": "✨ Hello World ✨", - "joinUs": "✨ Join us on Slack ✨" + "header": { + "codeOfConduct": "Code of Conduct", + "subtitle": "Women in Software Engineering Japan" + }, + "home": { + "helloWorld": "✨ Hello World ✨", + "joinUs": "✨ Join us on Slack ✨", + "paragraph1": "Many of us were saddened to hear of the sudden closure of Women Who Code. There is a need for an organization to empower diverse women in technology careers in Tokyo and across Japan.", + "paragraph2": "We are not giving up on this mission. Please join us in rebuilding community so that we can empower women in Japan in Software Engineering careers.", + "paragraph3": "Our events target professional women in software careers with 2+ years of experience. Beginners to seasoned professionals are welcome to participate. While this organization focuses on women, all genders are welcome at our events. Software-adjacent roles like Data Science, Product, UI/UX, Machine Learning, etc., are welcome, too." + } } \ No newline at end of file diff --git a/src/i18n/ja/translation.json b/src/i18n/ja/translation.json index 45dca53..27022fc 100644 --- a/src/i18n/ja/translation.json +++ b/src/i18n/ja/translation.json @@ -1,5 +1,13 @@ { - "codeOfConduct": "行動規範", - "helloWorld": "✨ Hello 世界 ✨", - "joinUs": "✨ スラックに参加する ✨" + "header": { + "codeOfConduct": "行動規範", + "subtitle": "ウーマン・イン・ソフトウェアエンジニアリング" + }, + "home": { + "helloWorld": "✨ Hello 世界 ✨", + "joinUs": "✨ スラックに参加する ✨", + "paragraph1": "Women Who Code(WWCode)の活動中止のニュースに対し、多くの人々が悲しみました。東京や日本全体で、IT業界の多様な女性を支援する組織が必要とされています。", + "paragraph2": "この使命を諦めるつもりはありません。WWCodeの志を引き継ぐために、日本の女性がソフトウェアエンジニアとしてキャリアを築けるよう、私たちと共にコミュニティを再構築していきます。", + "paragraph3": "私たちのイベントは、2年以上の経験を持つITプロフェッショナルの女性を中心に、新卒からベテランまでどなたでも参加できるイベントをやっています。この組織は女性に焦点を当てていますが、イベントにはすべてのジェンダーの方が歓迎されています。また、データサイエンティスト、プロダクトマネジャー、UI/UXデザイナー、機械学習エンジニアなどのソフトウェアに関連した役割も歓迎いたします。" + } } \ No newline at end of file diff --git a/src/routes/CodeOfConduct/CodeOfConduct.tsx b/src/routes/CodeOfConduct/CodeOfConduct.tsx index 7a98742..8583990 100644 --- a/src/routes/CodeOfConduct/CodeOfConduct.tsx +++ b/src/routes/CodeOfConduct/CodeOfConduct.tsx @@ -10,7 +10,7 @@ const CodeOfConduct: FC = () => { return - {t('codeOfConduct')} + {t('header.codeOfConduct')} Women in Software Engineering Japan (WiSE Japan) is dedicated to providing an empowering experience for everyone who participates in or supports our community. Our events are intended to inspire women to excel in technology careers, and anyone who is there for this purpose is welcome. Because we value the safety and security of our members and strive to have an inclusive community, we do not tolerate harassment of members or event participants in any form. This Code of Conduct was created to clearly define what we mean by a harassment-free experience, so that our community and those who support it are clear about our intent and have access to procedures for addressing issues, should they arise. diff --git a/src/routes/Home/Home.tsx b/src/routes/Home/Home.tsx index 2f19cc8..c782008 100644 --- a/src/routes/Home/Home.tsx +++ b/src/routes/Home/Home.tsx @@ -10,28 +10,24 @@ const Home: FC = () => { return - {t('helloWorld')} + {t('home.helloWorld')} - Many of us were saddened to hear of the sudden closure of Women Who Code. - There is a need for an organization to empower diverse women in technology careers in Tokyo and across Japan. + {t('home.paragraph1')} - We are not giving up on this mission. - Please join us in rebuilding community so that we can empower women in Japan in Software Engineering careers. + {t('home.paragraph2')} - Our events target professional women in software careers with 2+ years of experience. Beginners to seasoned professionals are welcome to participate. - While this organization focuses on women, all genders are welcome at our events. - Software-adjacent roles like Data Science, Product, UI/UX, Machine Learning, etc., are welcome, too. + {t('home.paragraph3')} diff --git a/src/routes/Home/__test__/Home.test.tsx b/src/routes/Home/__test__/Home.test.tsx index 1d52ea5..fe6da23 100644 --- a/src/routes/Home/__test__/Home.test.tsx +++ b/src/routes/Home/__test__/Home.test.tsx @@ -8,6 +8,14 @@ describe('Home Route', () => { render() const hello = await screen.findByText('✨ Hello World ✨') expect(hello).toBeVisible() + + const link = await screen.findByRole('link', { name: '✨ Join us on Slack ✨' }) + expect(link).toBeEnabled() + expect(link).toHaveAttribute('href', 'https://join.slack.com/t/wise-japan/shared_invite/zt-2h79966bm-dE7SyiGvv2CXBxbz_0JzKw') + expect(link).toHaveAttribute('target', '_blank') }) + it.todo('should show text in Japanese when the ja locale is set', async () => { + + }) })