LogalDeveloper/owncast
0
Fork 0
Code Activity

Add remote fediverse follow modal. Closes #1862

Browse Source
This commit is contained in:
Gabe Kangas
2022-08-22 18:29:37 -07:00
parent 1a9b9f53fc
commit be6e3d9ad9
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/modals/Follow/FollowModal.tsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react/no-unescaped-entities */
import { Input, Button, Alert, Spin, Space } from 'antd'; import { Input, Button, Alert, Spin, Space } from 'antd';
import { useState } from 'react'; import { useState } from 'react';
import s from './FollowModal.module.scss'; import s from './FollowModal.module.scss';
@@ -77,10 +78,10 @@ export default function FollowModal(props: Props) {
<Space direction="vertical"> <Space direction="vertical">
<div className={s.header}> <div className={s.header}>
By following this stream you'll get notified on the Fediverse when it goes live. Now is a By following this stream you'll get notified on the Fediverse when it goes live. Now is a
great time to{' '} great time to
<a href="https://owncast.online/join-fediverse" target="_blank" rel="noreferrer"> <a href="https://owncast.online/join-fediverse" target="_blank" rel="noreferrer">
learn about the Fediverse learn about the Fediverse
</a>{' '} </a>
if it's new to you. if it's new to you.
</div> </div>

4
web/stories/FollowModal.stories.tsx
View File

@@ -5,7 +5,7 @@ import FollowModalMock from './assets/mocks/follow-modal.png';
const Example = () => ( const Example = () => (
<div> <div>
<FollowModal handleClose={null} /> <FollowModal handleClose={null} account="@fake@server.name" name="Fake Owncast Server" />
</div> </div>
); );
@@ -21,7 +21,7 @@ export default {
docs: { docs: {
description: { description: {
component: `The Follow modal allows an end user to type in their Fediverse account information to follow this Owncast instance. It must: component: `The Follow modal allows an end user to type in their Fediverse account information to follow this Owncast instance. It must:
- Validate the input to make sure it's a valid looking account. - Validate the input to make sure it's a valid looking account.
- Handle errors that come back from the server. - Handle errors that come back from the server.
- Perform the redirect to the remote server when the backend response is received. - Perform the redirect to the remote server when the backend response is received.