LogalDeveloper/owncast
0
Fork 0
Code Activity

FIX #2897 Admin: "Copy" button for stream keys copy asterisks if key is hidden (#2901)

Browse Source 
* Update StreamKeys.tsx

* Prettified Code!

---------

Co-authored-by: dev265545 <dev265545@users.noreply.github.com>
This commit is contained in:
Dev Gupta
2023-04-04 09:19:48 +05:30
committed by GitHub
parent 714653592d
commit f1bf06b8cd
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/components/admin/config/server/StreamKeys.tsx
View File

@@ -1,5 +1,5 @@
import React, { useContext, useEffect, useState } from 'react'; import React, { useContext, useEffect, useState } from 'react';
import { Table, Space, Button, Typography, Alert, Input, Form } from 'antd'; import { Table, Space, Button, Typography, Alert, Input, Form, message } from 'antd';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import { ServerStatusContext } from '../../../../utils/server-status-context'; import { ServerStatusContext } from '../../../../utils/server-status-context';
@@ -136,6 +136,12 @@ const AddKeyButton = ({ setShowAddKeyForm }) => (
<PlusOutlined /> <PlusOutlined />
</Button> </Button>
); );
const copyText = (text: string) => {
navigator.clipboard
.writeText(text)
.then(() => message.success('Copied to clipboard'))
.catch(() => message.error('Failed to copy to clipboard'));
};
const StreamKeys = () => { const StreamKeys = () => {
const serverStatusData = useContext(ServerStatusContext); const serverStatusData = useContext(ServerStatusContext);
@@ -168,7 +174,14 @@ const StreamKeys = () => {
key: 'key', key: 'key',
render: text => ( render: text => (
<Space direction="horizontal"> <Space direction="horizontal">
<Paragraph copyable>{showKeyMap[text] ? text : '**********'}</Paragraph> <Paragraph
copyable={{
text: showKeyMap[text] ? text : '**********',
onCopy: () => copyText(text),
}}
>
{showKeyMap[text] ? text : '**********'}
</Paragraph>
<Button <Button
type="link" type="link"