streamkey field style update

This commit is contained in:
gingervitis
2021-02-01 14:12:26 -08:00
parent ad00991f93
commit 3db97f1bec
3 changed files with 18 additions and 18 deletions

View File

@@ -97,7 +97,7 @@ export const TEXTFIELD_PROPS_STREAM_KEY = {
maxLength: TEXT_MAXLENGTH,
placeholder: 'abc123',
label: 'Stream Key',
tip: 'Secret stream key',
tip: 'Save this key somewhere safe, you will need it to stream or login to the admin dashboard!',
required: true,
};
export const TEXTFIELD_PROPS_FFMPEG = {

View File

@@ -75,16 +75,18 @@ export default function EditInstanceDetails() {
onChange={handleFieldChange}
/>
<div className="streamkey-actions">
<Tooltip className="copy-tooltip" title="Copied!" trigger="" visible={copyIsVisible}>
<Tooltip title="Generate a stream key">
<Button icon={<RedoOutlined />} size="small" onClick={generateStreamKey} />
</Tooltip>
<Tooltip
className="copy-tooltip"
title={copyIsVisible ? 'Copied!' : 'Copy to clipboard'}
>
<Button icon={<CopyOutlined />} size="small" onClick={copyStreamKey} />
</Tooltip>
<Button icon={<RedoOutlined />} size="small" onClick={generateStreamKey} />
</div>
</div>
<div className="streamkey-notice">
Save this key somewhere safe, you will need it to stream or login to the admin
dashboard!
</div>
</div>
<TextFieldWithSubmit
fieldName="ffmpegPath"