mirror of
https://github.com/owncast/owncast.git
synced 2024-10-10 19:16:02 +00:00
* Update StreamKeys.tsx * Prettified Code! --------- Co-authored-by: dev265545 <dev265545@users.noreply.github.com>
This commit is contained in:
parent
714653592d
commit
f1bf06b8cd
@ -1,5 +1,5 @@
|
||||
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 { ServerStatusContext } from '../../../../utils/server-status-context';
|
||||
|
||||
@ -136,6 +136,12 @@ const AddKeyButton = ({ setShowAddKeyForm }) => (
|
||||
<PlusOutlined />
|
||||
</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 serverStatusData = useContext(ServerStatusContext);
|
||||
@ -168,7 +174,14 @@ const StreamKeys = () => {
|
||||
key: 'key',
|
||||
render: text => (
|
||||
<Space direction="horizontal">
|
||||
<Paragraph copyable>{showKeyMap[text] ? text : '**********'}</Paragraph>
|
||||
<Paragraph
|
||||
copyable={{
|
||||
text: showKeyMap[text] ? text : '**********',
|
||||
onCopy: () => copyText(text),
|
||||
}}
|
||||
>
|
||||
{showKeyMap[text] ? text : '**********'}
|
||||
</Paragraph>
|
||||
|
||||
<Button
|
||||
type="link"
|
||||
|
Loading…
x
Reference in New Issue
Block a user