feat: Issue Events

.all-contributorsrc

@@ -384,6 +384,15 @@
       ]
     },
     {
+      "login": "brandly",
+      "name": "Matthew Brandly",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/820696?v=4",
+      "profile": "http://words.brandly.me/about/",
+      "contributions": [
+        "code"
+      ]
+     },
+     {
       "login": "Jpfonseca",
       "name": "João Fonseca",
       "avatar_url": "https://avatars2.githubusercontent.com/u/11836470?v=4",

src/api/index.js

@@ -379,3 +379,14 @@ export const fetchNotificationsCount = accessToken =>
 
 export const fetchRepoNotificationsCount = (owner, repoName, accessToken) =>
   v3.count(`/repos/${owner}/${repoName}/notifications?per_page=1`, accessToken);
+
+export const fetchIssueEvents = (
+  owner: string,
+  repoName: string,
+  issueNum: number,
+  accessToken: string
+) =>
+  v3.getJson(
+    `/repos/${owner}/${repoName}/issues/${issueNum}/events`,
+    accessToken
+  );

src/components/index.js

@@ -7,7 +7,9 @@ export * from './diff-blocks.component';
 export * from './entity-info.component';
 export * from './issue-description.component';
 export * from './issue-list-item.component';
+export * from './issue-event-list-item.component';
 export * from './label-button.component';
+export * from './inline-label.component';
 export * from './label-list-item.component';
 export * from './github-htmlview.component';
 export * from './markdown-webview.component';

src/components/inline-label.component.js

@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import { StyleSheet, Text } from 'react-native';
+
+import { normalize } from 'config';
+import { getFontColorByBackground } from 'utils';
+
+const styles = StyleSheet.create({
+  inlineLabel: {
+    fontSize: normalize(10),
+    fontWeight: 'bold',
+    padding: 3,
+    paddingLeft: 5,
+    paddingRight: 5,
+    margin: 2,
+    borderWidth: 1,
+    overflow: 'hidden',
+    borderRadius: 2,
+    minWidth: 50,
+    textAlign: 'center',
+  },
+});
+
+export class InlineLabel extends Component {
+  props: {
+    label: Object,
+  };
+
+  render() {
+    const { color, name } = this.props.label;
+
+    return (
+      <Text
+        style={[
+          styles.inlineLabel,
+          {
+            backgroundColor: `#${color}`,
+            color: getFontColorByBackground(color),
+            borderColor: `#${color}`,
+          },
+        ]}
+      >
+        {name}
+      </Text>
+    );
+  }
+}