LogalDeveloper/owncast
0
Fork 0
Code Activity

Add localization support for FollowModal component (#4558)

Browse Source 
* Initial plan

* Add localization support for FollowModal component

Co-authored-by: gabek <414923+gabek@users.noreply.github.com>

* Update web/components/modals/FollowModal/FollowModal.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update web/components/modals/FollowModal/FollowForm.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: gabek <414923+gabek@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Copilot
2025-09-15 21:50:36 -07:00
committed by GitHub
co-authored by gabek Copilot copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Gabe Kangas
parent aa6ab61cbc
commit 51ae467a5a
5 changed files with 92 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/modals/FollowModal/FollowModal.tsx
+17 -5
View File
@@ -1,8 +1,10 @@
/* eslint-disable react/no-unescaped-entities */
import { Space } from 'antd';
import { FC } from 'react';
import { Space } from 'antd';
import styles from './FollowModal.module.scss';
import { FollowForm } from './FollowForm';
import { Translation } from '../../ui/Translation/Translation';
import { Localization } from '../../../types/localization';
export type FollowModalProps = {
handleClose: () => void;
@@ -13,12 +15,22 @@ export type FollowModalProps = {
export const FollowModal: FC<FollowModalProps> = ({ handleClose, account, name }) => (
<Space direction="vertical" id="follow-modal">
<div className={styles.header}>
By following this stream you'll get notified on the Fediverse when it goes live. Now is a
great time to
<Translation
translationKey={Localization.Frontend.FollowModal.description}
defaultText="By following this stream you'll get notified on the Fediverse when it goes live. Now is a great time to"
/>
<a href="https://owncast.online/join-fediverse" target="_blank" rel="noreferrer">
&nbsp;learn about the Fediverse&nbsp;
&nbsp;
<Translation
translationKey={Localization.Frontend.FollowModal.learnFediverse}
defaultText="learn about the Fediverse"
/>
&nbsp;
</a>
if it's new to you.
<Translation
translationKey={Localization.Frontend.FollowModal.newToYou}
defaultText="if it's new to you."
/>
</div>
<div className={styles.account}>
<img src="/logo" alt="logo" className={styles.logo} />