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