fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
28 lines
711 B
TypeScript
28 lines
711 B
TypeScript
import React from 'react';
|
|
import { observer } from 'mobx-react-lite';
|
|
import { useStore } from 'App/mstore';
|
|
import { CopyButton, Form, Input } from 'UI';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
function ApiKeySettings() {
|
|
const { t } = useTranslation();
|
|
const { userStore } = useStore();
|
|
|
|
const { apiKey } = userStore.account;
|
|
return (
|
|
<Form.Field>
|
|
<label htmlFor="apiKey">{t('Organization API Key')}</label>
|
|
<Input
|
|
name="apiKey"
|
|
id="apiKey"
|
|
type="text"
|
|
readOnly
|
|
value={apiKey}
|
|
className="!w-72"
|
|
leadingButton={<CopyButton content={apiKey} />}
|
|
/>
|
|
</Form.Field>
|
|
);
|
|
}
|
|
|
|
export default observer(ApiKeySettings);
|