summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorMatheus Horstmann <[email protected]>2023-11-03 07:46:04 -0300
committerGitHub <[email protected]>2023-11-03 06:46:04 -0400
commit452f8c12c9cbacd98eabc1f04750a0282903847f (patch)
treeb8671c0f4677fb43628dd17b9595c9f743456358
parent6d79e6f34588283683d67ea9da0bc555274db604 (diff)
downloadbazarr-452f8c12c9cbacd98eabc1f04750a0282903847f.tar.gz
bazarr-452f8c12c9cbacd98eabc1f04750a0282903847f.zip
Hide clipboard button when is not possible to copy to clipboardv1.3.2-beta.9
-rw-r--r--frontend/src/pages/Settings/General/index.tsx36
1 files changed, 22 insertions, 14 deletions
diff --git a/frontend/src/pages/Settings/General/index.tsx b/frontend/src/pages/Settings/General/index.tsx
index 306dce56d..6af0151d5 100644
--- a/frontend/src/pages/Settings/General/index.tsx
+++ b/frontend/src/pages/Settings/General/index.tsx
@@ -83,24 +83,32 @@ const SettingsGeneralView: FunctionComponent = () => {
</CollapseBox>
<Text
label="API Key"
- disabled
+ // User can copy through the clipboard button
+ disabled={window.isSecureContext}
+ // Enable user to at least copy when not in secure context
+ readOnly={!window.isSecureContext}
rightSectionWidth={95}
rightSectionProps={{ style: { justifyContent: "flex-end" } }}
rightSection={
<MantineGroup spacing="xs" mx="xs" position="right">
- <Action
- label="Copy API Key"
- variant="light"
- settingKey={settingApiKey}
- color={copied ? "green" : undefined}
- icon={copied ? faCheck : faClipboard}
- onClick={(update, value) => {
- if (value) {
- clipboard.copy(value);
- toggleState(setCopy, 1500);
- }
- }}
- ></Action>
+ {
+ // Clipboard API is only available in secure contexts See: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API#interfaces
+ window.isSecureContext && (
+ <Action
+ label="Copy API Key"
+ variant="light"
+ settingKey={settingApiKey}
+ color={copied ? "green" : undefined}
+ icon={copied ? faCheck : faClipboard}
+ onClick={(update, value) => {
+ if (value) {
+ clipboard.copy(value);
+ toggleState(setCopy, 1500);
+ }
+ }}
+ />
+ )
+ }
<Action
label="Regenerate"
variant="light"