diff options
Diffstat (limited to 'storybook/config/addons/gitlab_api_access/manager.js')
-rw-r--r-- | storybook/config/addons/gitlab_api_access/manager.js | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/storybook/config/addons/gitlab_api_access/manager.js b/storybook/config/addons/gitlab_api_access/manager.js index 77d97c76ee2..55e7bcb9c4c 100644 --- a/storybook/config/addons/gitlab_api_access/manager.js +++ b/storybook/config/addons/gitlab_api_access/manager.js @@ -41,29 +41,35 @@ const GitLabAPIParametersPanel = () => { channel.emit(GITLAB_API_ACCESS_UPDATE_EVENT, state); - return h('div', {}, [ - h(Form.Field, { label: 'GitLab URL' }, [ + return h( + 'div', + {}, + h( + Form.Field, + { label: 'GitLab URL' }, h(Form.Input, { type: 'text', value: state.gitlabURL, placeholder: 'https://gitlab.com', onChange: (e) => updateGitLabURL(e), }), - ]), - h(Form.Field, { label: 'GitLab access token' }, [ + ), + h( + Form.Field, + { label: 'GitLab access token' }, h(Form.Input, { type: 'password', value: state.accessToken, onChange: (e) => updateAccessToken(e), }), - ]), - ]); + ), + ); }; addons.register(ADDON_ID, () => { addons.add(PANEL_ID, { type: types.PANEL, title: 'GitLab API Access', - render: ({ active, key }) => h(AddonPanel, { active, key }, [h(GitLabAPIParametersPanel)]), + render: ({ active, key }) => h(AddonPanel, { active, key }, h(GitLabAPIParametersPanel)), }); }); |