{"action":"created","comment":{"url":"https://api.github.com/repos/andela/activo-web/pulls/comments/200447883","pull_request_review_id":134768300,"id":200447883,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIwMDQ0Nzg4Mw==","diff_hunk":"@@ -5,92 +5,127 @@ import * as React from 'react';\n import './CreateCategoryPage.scss';\n \n // components\n+import AdditionalAttribute from 'components/AdditionalAttribute';\n import Button from 'components/Button';\n import InputBox from 'components/InputBox';\n import SelectBox from 'components/SelectBox';\n \n-// tslint:disable-next-line:variable-name\n-const CreateCategoryPage = () => ((\n-  <React.Fragment>\n-    <div className=\"settings-page__heading\">\n-      <h1 className=\"settings-page__heading__text\">Add a category</h1>\n-      <Button\n-        alignImageRight={false} name=\"Preview form\" classes=\"regular--light\" icon=\"/images/previewFormIcon.svg\" />\n-    </div>\n-    <div className=\"settings-page__body\">\n-      <form>\n-        <h2 className=\"settings-page__body__section-title\">\n-          Required Fields\n-        </h2>\n+// interfaces\n+import { CategoryPageState } from './interfaces';\n \n-        <p className=\"category-name__text\">Category Name</p>\n+class CreateCategoryPage extends React.Component<{}, CategoryPageState> {\n+  constructor(props) {\n+    super(props);\n+    this.state = {\n+      showAttributeConfig: false,\n+    };\n+  }\n \n-        <InputBox\n-          placeholder=\"Apple TV\"\n-          // tslint:disable-next-line no-empty\n-          onChange={() => {}}\n-        />\n+  /**\n+   * This method toggles the configuration for an additional attribute field when clicked\n+   * \n+   * @returns {void}\n+   */\n+  toggleShowAttributeConfig = () => {\n+    this.setState({\n+      showAttributeConfig: !this.state.showAttributeConfig,\n+    });\n+  }\n+\n+  render() {\n+    return (\n+      <React.Fragment>\n+        <div className=\"settings-page__heading\">\n+          <h1 className=\"settings-page__heading__text\">Add a category</h1>\n+          <Button\n+            alignImageRight={false} name=\"Preview form\" classes=\"regular--light\" icon=\"/images/previewFormIcon.svg\" />","path":"src/pages/CreateCategoryPage/index.tsx","position":56,"original_position":56,"commit_id":"465b7678a69450b955ea17b54226b10026ae7082","original_commit_id":"465b7678a69450b955ea17b54226b10026ae7082","user":{"login":"Billmike","id":24798364,"node_id":"MDQ6VXNlcjI0Nzk4MzY0","avatar_url":"https://avatars2.githubusercontent.com/u/24798364?v=4","gravatar_id":"","url":"https://api.github.com/users/Billmike","html_url":"https://github.com/Billmike","followers_url":"https://api.github.com/users/Billmike/followers","following_url":"https://api.github.com/users/Billmike/following{/other_user}","gists_url":"https://api.github.com/users/Billmike/gists{/gist_id}","starred_url":"https://api.github.com/users/Billmike/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Billmike/subscriptions","organizations_url":"https://api.github.com/users/Billmike/orgs","repos_url":"https://api.github.com/users/Billmike/repos","events_url":"https://api.github.com/users/Billmike/events{/privacy}","received_events_url":"https://api.github.com/users/Billmike/received_events","type":"User","site_admin":false},"body":"I think this would be easier to read if all the attributes are tabbed on a separate line, much like `alignImageRight` is.","created_at":"2018-07-05T18:31:05Z","updated_at":"2018-07-05T18:31:05Z","html_url":"https://github.com/andela/activo-web/pull/47#discussion_r200447883","pull_request_url":"https://api.github.com/repos/andela/activo-web/pulls/47","author_association":"CONTRIBUTOR","_links":{"self":{"href":"https://api.github.com/repos/andela/activo-web/pulls/comments/200447883"},"html":{"href":"https://github.com/andela/activo-web/pull/47#discussion_r200447883"},"pull_request":{"href":"https://api.github.com/repos/andela/activo-web/pulls/47"}}},"pull_request":{"url":"https://api.github.com/repos/andela/activo-web/pulls/47","id":199547839,"node_id":"MDExOlB1bGxSZXF1ZXN0MTk5NTQ3ODM5","html_url":"https://github.com/andela/activo-web/pull/47","diff_url":"https://github.com/andela/activo-web/pull/47.diff","patch_url":"https://github.com/andela/activo-web/pull/47.patch","issue_url":"https://api.github.com/repos/andela/activo-web/issues/47","number":47,"state":"open","locked":false,"title":"#158563613 Config options for attribute","user":{"login":"missating","id":29452947,"node_id":"MDQ6VXNlcjI5NDUyOTQ3","avatar_url":"https://avatars3.githubusercontent.com/u/29452947?v=4","gravatar_id":"","url":"https://api.github.com/users/missating","html_url":"https://github.com/missating","followers_url":"https://api.github.com/users/missating/followers","following_url":"https://api.github.com/users/missating/following{/other_user}","gists_url":"https://api.github.com/users/missating/gists{/gist_id}","starred_url":"https://api.github.com/users/missating/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/missating/subscriptions","organizations_url":"https://api.github.com/users/missating/orgs","repos_url":"https://api.github.com/users/missating/repos","events_url":"https://api.github.com/users/missating/events{/privacy}","received_events_url":"https://api.github.com/users/missating/received_events","type":"User","site_admin":false},"body":"**What does this PR do?**\r\nIt shows the configuration options for an additional attribute field when a user clicks on or around the field\r\n\r\n**Description of Task to be completed?**\r\n\r\n    - click on the attribute field to toggle the show attribute config\r\n    - modify the create category page to have the additional attribute field\r\n    - write the test for both the additional attribute and create the category page\r\n    - add icons for show attribute config\r\n\r\n**How should this be manually tested?**\r\n\r\n - `yarn start:dev` to open the web browser on `port 3000` \r\n-  On the `settings page` when creating `a new category` click on any of the additional attribute field for the configuration optios to be visible\r\n\r\n**Any background context you want to provide?**\r\n\r\nN/A\r\n\r\n**What are the relevant pivotal tracker stories?**\r\n\r\n[#158563613](https://www.pivotaltracker.com/story/show/158563613)\r\n\r\n**Screenshots (if appropriate)**\r\n\r\nAdditional attribute field without the config options\r\n<img width=\"720\" alt=\"screen shot 2018-07-05 at 7 07 16 pm\" src=\"https://user-images.githubusercontent.com/29452947/42340041-c530710c-8086-11e8-8165-569f5b5875a2.png\">\r\n\r\nAdditional attribute field with the config options\r\n<img width=\"714\" alt=\"screen shot 2018-07-05 at 7 07 33 pm\" src=\"https://user-images.githubusercontent.com/29452947/42340053-d585ca7a-8086-11e8-9ae4-eef59af05934.png\">\r\n\r\n\r\n\r\n**Questions:**\r\n\r\nN/A\r\n","created_at":"2018-07-05T18:09:41Z","updated_at":"2018-07-05T18:31:05Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f1dd270620740f4a7a4cf355974b40812b7176c7","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/andela/activo-web/pulls/47/commits","review_comments_url":"https://api.github.com/repos/andela/activo-web/pulls/47/comments","review_comment_url":"https://api.github.com/repos/andela/activo-web/pulls/comments{/number}","comments_url":"https://api.github.com/repos/andela/activo-web/issues/47/comments","statuses_url":"https://api.github.com/repos/andela/activo-web/statuses/465b7678a69450b955ea17b54226b10026ae7082","head":{"label":"andela:ft-config-options-for-attribute-158563613","ref":"ft-config-options-for-attribute-158563613","sha":"465b7678a69450b955ea17b54226b10026ae7082","user":{"login":"andela","id":4100206,"node_id":"MDEyOk9yZ2FuaXphdGlvbjQxMDAyMDY=","avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":132578458,"node_id":"MDEwOlJlcG9zaXRvcnkxMzI1Nzg0NTg=","name":"activo-web","full_name":"andela/activo-web","owner":{"login":"andela","id":4100206,"node_id":"MDEyOk9yZ2FuaXphdGlvbjQxMDAyMDY=","avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/activo-web","description":"Web client for the activo application","fork":false,"url":"https://api.github.com/repos/andela/activo-web","forks_url":"https://api.github.com/repos/andela/activo-web/forks","keys_url":"https://api.github.com/repos/andela/activo-web/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/activo-web/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/activo-web/teams","hooks_url":"https://api.github.com/repos/andela/activo-web/hooks","issue_events_url":"https://api.github.com/repos/andela/activo-web/issues/events{/number}","events_url":"https://api.github.com/repos/andela/activo-web/events","assignees_url":"https://api.github.com/repos/andela/activo-web/assignees{/user}","branches_url":"https://api.github.com/repos/andela/activo-web/branches{/branch}","tags_url":"https://api.github.com/repos/andela/activo-web/tags","blobs_url":"https://api.github.com/repos/andela/activo-web/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/activo-web/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/activo-web/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/activo-web/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/activo-web/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/activo-web/languages","stargazers_url":"https://api.github.com/repos/andela/activo-web/stargazers","contributors_url":"https://api.github.com/repos/andela/activo-web/contributors","subscribers_url":"https://api.github.com/repos/andela/activo-web/subscribers","subscription_url":"https://api.github.com/repos/andela/activo-web/subscription","commits_url":"https://api.github.com/repos/andela/activo-web/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/activo-web/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/activo-web/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/activo-web/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/activo-web/contents/{+path}","compare_url":"https://api.github.com/repos/andela/activo-web/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/activo-web/merges","archive_url":"https://api.github.com/repos/andela/activo-web/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/activo-web/downloads","issues_url":"https://api.github.com/repos/andela/activo-web/issues{/number}","pulls_url":"https://api.github.com/repos/andela/activo-web/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/activo-web/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/activo-web/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/activo-web/labels{/name}","releases_url":"https://api.github.com/repos/andela/activo-web/releases{/id}","deployments_url":"https://api.github.com/repos/andela/activo-web/deployments","created_at":"2018-05-08T08:28:37Z","updated_at":"2018-07-05T08:46:33Z","pushed_at":"2018-07-05T18:12:42Z","git_url":"git://github.com/andela/activo-web.git","ssh_url":"git@github.com:andela/activo-web.git","clone_url":"https://github.com/andela/activo-web.git","svn_url":"https://github.com/andela/activo-web","homepage":"http://activo-staging.andela.com","size":2884,"stargazers_count":0,"watchers_count":0,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":3,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":3,"open_issues":2,"watchers":0,"default_branch":"develop"}},"base":{"label":"andela:develop","ref":"develop","sha":"ef25f3e982da35478ebd43085cffb8b7c8bc44e3","user":{"login":"andela","id":4100206,"node_id":"MDEyOk9yZ2FuaXphdGlvbjQxMDAyMDY=","avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":132578458,"node_id":"MDEwOlJlcG9zaXRvcnkxMzI1Nzg0NTg=","name":"activo-web","full_name":"andela/activo-web","owner":{"login":"andela","id":4100206,"node_id":"MDEyOk9yZ2FuaXphdGlvbjQxMDAyMDY=","avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/activo-web","description":"Web client for the activo application","fork":false,"url":"https://api.github.com/repos/andela/activo-web","forks_url":"https://api.github.com/repos/andela/activo-web/forks","keys_url":"https://api.github.com/repos/andela/activo-web/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/activo-web/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/activo-web/teams","hooks_url":"https://api.github.com/repos/andela/activo-web/hooks","issue_events_url":"https://api.github.com/repos/andela/activo-web/issues/events{/number}","events_url":"https://api.github.com/repos/andela/activo-web/events","assignees_url":"https://api.github.com/repos/andela/activo-web/assignees{/user}","branches_url":"https://api.github.com/repos/andela/activo-web/branches{/branch}","tags_url":"https://api.github.com/repos/andela/activo-web/tags","blobs_url":"https://api.github.com/repos/andela/activo-web/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/activo-web/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/activo-web/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/activo-web/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/activo-web/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/activo-web/languages","stargazers_url":"https://api.github.com/repos/andela/activo-web/stargazers","contributors_url":"https://api.github.com/repos/andela/activo-web/contributors","subscribers_url":"https://api.github.com/repos/andela/activo-web/subscribers","subscription_url":"https://api.github.com/repos/andela/activo-web/subscription","commits_url":"https://api.github.com/repos/andela/activo-web/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/activo-web/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/activo-web/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/activo-web/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/activo-web/contents/{+path}","compare_url":"https://api.github.com/repos/andela/activo-web/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/activo-web/merges","archive_url":"https://api.github.com/repos/andela/activo-web/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/activo-web/downloads","issues_url":"https://api.github.com/repos/andela/activo-web/issues{/number}","pulls_url":"https://api.github.com/repos/andela/activo-web/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/activo-web/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/activo-web/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/activo-web/labels{/name}","releases_url":"https://api.github.com/repos/andela/activo-web/releases{/id}","deployments_url":"https://api.github.com/repos/andela/activo-web/deployments","created_at":"2018-05-08T08:28:37Z","updated_at":"2018-07-05T08:46:33Z","pushed_at":"2018-07-05T18:12:42Z","git_url":"git://github.com/andela/activo-web.git","ssh_url":"git@github.com:andela/activo-web.git","clone_url":"https://github.com/andela/activo-web.git","svn_url":"https://github.com/andela/activo-web","homepage":"http://activo-staging.andela.com","size":2884,"stargazers_count":0,"watchers_count":0,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":3,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":3,"open_issues":2,"watchers":0,"default_branch":"develop"}},"_links":{"self":{"href":"https://api.github.com/repos/andela/activo-web/pulls/47"},"html":{"href":"https://github.com/andela/activo-web/pull/47"},"issue":{"href":"https://api.github.com/repos/andela/activo-web/issues/47"},"comments":{"href":"https://api.github.com/repos/andela/activo-web/issues/47/comments"},"review_comments":{"href":"https://api.github.com/repos/andela/activo-web/pulls/47/comments"},"review_comment":{"href":"https://api.github.com/repos/andela/activo-web/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/andela/activo-web/pulls/47/commits"},"statuses":{"href":"https://api.github.com/repos/andela/activo-web/statuses/465b7678a69450b955ea17b54226b10026ae7082"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"Billmike"}}