mirror of https://github.com/grafana/grafana
API keys: Remove state hideAPIkeys and refactor interface to IsDisabled (#64018)
* remove state and refactor interface to IsDisabled * update docs and span * Update pkg/services/apikey/apikey.go Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com> --------- Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>pull/63590/head
Eric Leijonmarck
3 years ago
committed by
GitHub
parent
e6e8351ee9
commit
ad4b053231
@ -1,52 +0,0 @@ |
|||||||
import { css } from '@emotion/css'; |
|
||||||
import React, { useState } from 'react'; |
|
||||||
|
|
||||||
import { GrafanaTheme2 } from '@grafana/data'; |
|
||||||
import { Alert, ConfirmModal, useStyles2, Button } from '@grafana/ui'; |
|
||||||
|
|
||||||
interface Props { |
|
||||||
onHideApiKeys: () => void; |
|
||||||
apikeys: number; |
|
||||||
} |
|
||||||
|
|
||||||
export const APIKeysMigratedCard = ({ onHideApiKeys, apikeys }: Props): JSX.Element => { |
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false); |
|
||||||
const styles = useStyles2(getStyles); |
|
||||||
|
|
||||||
return ( |
|
||||||
<Alert title="If you see any API keys please migrate them to Service account tokens." severity="info"> |
|
||||||
<div className={styles.text}> |
|
||||||
Migrated API keys are safe and continue working as they used to. You can find them inside the respective service |
|
||||||
account. |
|
||||||
</div> |
|
||||||
<div className={styles.actionRow}> |
|
||||||
<Button className={styles.actionButton} onClick={() => setIsModalOpen(true)} disabled={apikeys !== 0}> |
|
||||||
Hide API keys page |
|
||||||
</Button> |
|
||||||
<ConfirmModal |
|
||||||
title={'Hide API Keys page'} |
|
||||||
isOpen={isModalOpen} |
|
||||||
body={'Did you want to hide the API keys page?'} |
|
||||||
confirmText={'Yes, hide API keys page.'} |
|
||||||
onConfirm={onHideApiKeys} |
|
||||||
onDismiss={() => setIsModalOpen(false)} |
|
||||||
confirmButtonVariant="primary" |
|
||||||
/> |
|
||||||
<a href="org/serviceaccounts">View service accounts page</a> |
|
||||||
</div> |
|
||||||
</Alert> |
|
||||||
); |
|
||||||
}; |
|
||||||
|
|
||||||
export const getStyles = (theme: GrafanaTheme2) => ({ |
|
||||||
text: css` |
|
||||||
margin-bottom: ${theme.spacing(2)}; |
|
||||||
`,
|
|
||||||
actionRow: css` |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
`,
|
|
||||||
actionButton: css` |
|
||||||
margin-right: ${theme.spacing(2)}; |
|
||||||
`,
|
|
||||||
}); |
|
||||||
@ -1,21 +0,0 @@ |
|||||||
import { FC, useCallback, useState } from 'react'; |
|
||||||
|
|
||||||
interface Api { |
|
||||||
isAdding: boolean; |
|
||||||
toggleIsAdding: () => void; |
|
||||||
} |
|
||||||
|
|
||||||
interface Props { |
|
||||||
children: (props: Api) => JSX.Element; |
|
||||||
} |
|
||||||
|
|
||||||
export const ApiKeysController: FC<Props> = ({ children }) => { |
|
||||||
// FIXME(eleijonmarck): could not remove state from this component
|
|
||||||
// as component cannot render properly without it
|
|
||||||
const [isAdding, setIsAdding] = useState<boolean>(false); |
|
||||||
const toggleIsAdding = useCallback(() => { |
|
||||||
setIsAdding(!isAdding); |
|
||||||
}, [isAdding]); |
|
||||||
|
|
||||||
return children({ isAdding, toggleIsAdding }); |
|
||||||
}; |
|
||||||
Loading…
Reference in new issue