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:27:47 -07:00
parent 3c1ac58799
commit 1a9b9f53fc
5 changed files with 115 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/action-buttons/FollowButton.tsx
View File

@@ -11,7 +11,8 @@ import { ClientConfig } from '../../interfaces/client-config.model';
export default function FollowButton(props: any) {
const [showModal, setShowModal] = useState(false);
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { name } = clientConfig;
const { name, federation } = clientConfig;
const { account } = federation;
const buttonClicked = () => {
setShowModal(true);
@@ -28,8 +29,14 @@ export default function FollowButton(props: any) {
>
Follow
</Button>
<Modal title={`Follow ${name}`} visible={showModal} handleCancel={() => setShowModal(false)}>
<FollowModal handleClose={() => setShowModal(false)} />
<Modal
title={`Follow ${name}`}
visible={showModal}
handleCancel={() => setShowModal(false)}
width="550px"
height="200px"
>
<FollowModal account={account} name={name} handleClose={() => setShowModal(false)} />
</Modal>
</>
);