From 8bc8c4bcae977c1ad01d425b502c094ab259ba82 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Thu, 23 Sep 2021 17:57:13 +0800
Subject: [PATCH] Revert "Stream Key Button (#7127)"

I forgot to lint before merging. Reverting for now, will fix in a bit.

This reverts commit 5c8878353f10696e4e20dd86ca32a63eee048764.
---
 CHANGELOG.md                            |  3 +-
 ui/component/copyableStreamkey/index.js |  7 --
 ui/component/copyableStreamkey/view.jsx | 93 -------------------------
 ui/page/livestreamSetup/view.jsx        |  3 +-
 4 files changed, 2 insertions(+), 104 deletions(-)
 delete mode 100644 ui/component/copyableStreamkey/index.js
 delete mode 100644 ui/component/copyableStreamkey/view.jsx

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 143ac994f..2ebd737be 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,7 +22,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Clicking on the title of a floating player will take you back to the list ([#6921](https://github.com/lbryio/lbry-desktop/pull/6921))
 - Fix floating player stopping on markdown or image files ([#7073](https://github.com/lbryio/lbry-desktop/pull/7073))
 - Fix list thumbnail upload ([#7074](https://github.com/lbryio/lbry-desktop/pull/7074))
-- Stream Key is now hidden. ([#7127](https://github.com/lbryio/lbry-desktop/pull/7127))
 
 ## [0.51.2] - [2021-08-20]
 
@@ -1956,4 +1955,4 @@ This release includes a breaking change that will reset many of your settings. T
 
 - Use local file for publishing
 - Use local file and html5 for video playback
-- Misc changes needed to make UI compatible with electron.
\ No newline at end of file
+- Misc changes needed to make UI compatible with electron.
diff --git a/ui/component/copyableStreamkey/index.js b/ui/component/copyableStreamkey/index.js
deleted file mode 100644
index 9646cfbfb..000000000
--- a/ui/component/copyableStreamkey/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { connect } from 'react-redux';
-import { doToast } from 'redux/actions/notifications';
-import CopyableStreamkey from './view';
-
-export default connect(null, {
-  doToast,
-})(CopyableStreamkey);
diff --git a/ui/component/copyableStreamkey/view.jsx b/ui/component/copyableStreamkey/view.jsx
deleted file mode 100644
index 14164bf18..000000000
--- a/ui/component/copyableStreamkey/view.jsx
+++ /dev/null
@@ -1,93 +0,0 @@
-// @flow
-import * as ICONS from 'constants/icons';
-import { FormField } from 'component/common/form';
-import Button from 'component/button';
-import React, { useRef, Fragment } from 'react';
-
-type Props = {
-  copyable: string,
-  snackMessage: ?string,
-  doToast: ({ message: string }) => void,
-  primaryButton?: boolean,
-  name?: string,
-  onCopy?: (string) => string,
-  enableMask?: boolean,
-};
-
-export default function CopyableStreamkey(props: Props) {
-  const { copyable, doToast, snackMessage, primaryButton = false, name, onCopy, enableMask = true } = props;
-
-  const input = useRef();
-
-  function copyToClipboard() {
-    const topRef = input.current;
-    if (topRef[1].type === 'password') {
-      navigator.clipboard.writeText(topRef[1].defaultValue);
-    }
-    if (topRef[1].type === 'text') {
-      topRef[1].select();
-      if (onCopy) {
-        onCopy(topRef[1]);
-      }
-    }
-
-    document.execCommand('copy');
-  }
-
-  function checkMaskType() {
-    if (enableMask === true) {
-      return 'password';
-    }
-    if (enableMask === false) {
-      return 'text';
-    }
-  }
-  function showStreamkeyFunc() {
-    const topRef = input.current;
-    if (topRef[1].type === 'password') {
-      topRef[1].type = 'text';
-      topRef[0].innerText = 'Hide';
-      return;
-    }
-    if (topRef[1].type === 'text') {
-      topRef[1].type = 'password';
-      topRef[0].innerText = 'Show';
-    }
-  }
-
-  return (
-    <Fragment>
-      <form ref={input}>
-        <div>
-          <label name="livestream-key">Stream key</label>{' '}
-          <Button
-            className="button--link"
-            label={__('Show')}
-            onClick={() => {
-              showStreamkeyFunc();
-            }}
-          />
-        </div>
-        <FormField
-          type={checkMaskType()}
-          className="form-field--copyable-streamkey"
-          readOnly
-          name={name}
-          value={copyable || ''}
-          inputButton={
-            <Button
-              button={primaryButton ? 'primary' : 'secondary'}
-              icon={ICONS.COPY}
-              onClick={() => {
-                copyToClipboard();
-                doToast({
-                  message: snackMessage || __('Text copied'),
-                });
-              }}
-            />
-          }
-        />
-      </form>
-    </Fragment>
-  );
-}
diff --git a/ui/page/livestreamSetup/view.jsx b/ui/page/livestreamSetup/view.jsx
index e535751a0..ab3e06f4f 100644
--- a/ui/page/livestreamSetup/view.jsx
+++ b/ui/page/livestreamSetup/view.jsx
@@ -13,7 +13,6 @@ import { Lbry } from 'lbry-redux';
 import { toHex } from 'util/hex';
 import { FormField } from 'component/common/form';
 import CopyableText from 'component/copyableText';
-import CopyableStreamkey from 'component/copyableStreamkey';
 import Card from 'component/common/card';
 import ClaimList from 'component/claimList';
 import usePersistedState from 'effects/use-persisted-state';
@@ -187,7 +186,7 @@ export default function LivestreamSetupPage(props: Props) {
                       copyable={LIVESTREAM_RTMP_URL}
                       snackMessage={__('Copied')}
                     />
-                    <CopyableStreamkey
+                    <CopyableText
                       primaryButton
                       name="livestream-key"
                       label={__('Stream key')}