Adiciona listagens de repositorios

douglas-cavalcante · douglas-cavalcante · commit 99c61324f064 · 2019-06-07T20:35:41.000-03:00
diff --git a/.buckconfig b/.buckconfig
@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,40 @@
+{
+  "parser": "babel-eslint",
+  "env": {
+    "es6": true,
+    "jest": true
+  },
+  "extends": ["airbnb", "plugin:react-native/all"],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly",
+    "__DEV__": true
+  },
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "react-native", "jsx-a11y", "import"],
+  "rules": {
+    "react/jsx-filename-extension": [
+      "error",
+      { "extensions": [".js", ".jsx"] }
+    ],
+    "import/prefer-default-export": "off",
+    "react/prop-types": ["error", { "ignore": ["navigation"] }],
+    "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "react/jsx-one-expression-per-line": "off",
+    "react-native/no-color-literals": "off",
+    "react-native/sort-styles": "off",
+    "global-require": "off",
+    "react-native/no-raw-text": "off"
+  },
+  "settings": {
+    "import/resolver": {
+      "babel-plugin-root-import": { "rootPathSuffix": "src" }
+    }
+  }
+}
diff --git a/.flowconfig b/.flowconfig
@@ -0,0 +1,69 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.92.0
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+*.pbxproj -text
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,56 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
diff --git a/.watchmanconfig b/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@react-native-community/async-storage": "^1.4.1",
-    "axios": "^0.18.0",
+    "axios": "^0.18.1",
     "prop-types": "^15.7.2",
     "react": "16.8.3",
     "react-native": "0.59.8",
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
@@ -24,6 +24,7 @@ class Header extends React.Component {
   };
 
   render() {
+    // eslint-disable-next-line react/prop-types
     const { title } = this.props;
     return (
       <View style={styles.container}>
diff --git a/src/components/Header/styles.js b/src/components/Header/styles.js
@@ -4,6 +4,7 @@ import { getStatusBarHeight } from 'react-native-status-bar-height';
 
 const styles = StyleSheet.create({
   container: {
+    backgroundColor: colors.white,
     height: 54 + getStatusBarHeight(true),
     paddingTop: getStatusBarHeight(true),
     borderBottomWidth: 1,
@@ -21,6 +22,10 @@ const styles = StyleSheet.create({
   icon: {
     color: colors.darker,
   },
+  avatar: {
+    width: 30,
+    height: 30,
+  },
 });
 
 export default styles;
diff --git a/src/config/ReactotronConfig.js b/src/config/ReactotronConfig.js
@@ -2,7 +2,7 @@ import Reactotron from 'reactotron-react-native';
 
 if (__DEV__) {
   const tron = Reactotron.configure({
-    host: '192.168.1.4',
+    host: '192.168.1.7',
   })
     .useReactNative()
     .connect();
diff --git a/src/pages/Organizations/index.js b/src/pages/Organizations/index.js
@@ -12,6 +12,7 @@ const Organizations = () => (
 );
 
 const TabIcon = ({ tintColor }) => <Icon name="building" size={20} color={tintColor} />;
+
 TabIcon.propTypes = {
   tintColor: PropTypes.string.isRequired,
 };
diff --git a/src/pages/Repositories/RepositoryItem/index.js b/src/pages/Repositories/RepositoryItem/index.js
@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { View, Text } from 'react-native';
+import Icon from 'react-native-vector-icons/FontAwesome';
+
+import styles from './styles';
+
+const RepositoryItem = ({ repository }) => (
+  <View style={styles.container}>
+    <Text style={styles.title}>{repository.full_name}</Text>
+    <View style={styles.infoContainer}>
+      <View style={styles.info}>
+        <Icon name="star" size={12} style={styles.infoIcon} />
+        <Text style={styles.infoText}>{repository.stargazers_count}</Text>
+      </View>
+      <View style={styles.info}>
+        <Icon name="code-fork" size={12} style={styles.infoIcon} />
+        <Text style={styles.infoText}>{repository.forks_count}</Text>
+      </View>
+      <View style={styles.info}>
+        <Icon name="eye" size={12} style={styles.infoIcon} />
+        <Text style={styles.infoText}>{repository.watchers_count}</Text>
+      </View>
+    </View>
+  </View>
+);
+
+RepositoryItem.propTypes = {
+  repository: PropTypes.shape({
+    full_name: PropTypes.string,
+    stargazers_count: PropTypes.number,
+    forks_count: PropTypes.number,
+    watchers_count: PropTypes.number,
+  }).isRequired,
+};
+
+export default RepositoryItem;
diff --git a/src/pages/Repositories/RepositoryItem/styles.js b/src/pages/Repositories/RepositoryItem/styles.js
@@ -0,0 +1,35 @@
+import { StyleSheet } from 'react-native';
+import { metrics, colors } from '~/styles';
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: colors.white,
+    borderRadius: metrics.baseRadius,
+    padding: metrics.basePadding,
+    marginHorizontal: metrics.baseMargin * 2,
+    marginTop: metrics.baseMargin,
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: 'bold',
+  },
+  infoContainer: {
+    flexDirection: 'row',
+    marginTop: metrics.baseMargin,
+  },
+  info: {
+    flexDirection: 'row',
+    marginRight: metrics.baseMargin,
+    alignItems: 'center',
+  },
+  infoColor: {
+    color: colors.dark,
+  },
+  infoText: {
+    color: colors.dark,
+    fontSize: 12,
+    marginLeft: metrics.baseMargin / 2,
+  },
+});
+
+export default styles;
diff --git a/src/pages/Repositories/index.js b/src/pages/Repositories/index.js
@@ -1,26 +1,64 @@
 import React from 'react';
 
-import { View } from 'react-native';
+import { View, ActivityIndicator, FlatList } from 'react-native';
 import Header from '~/components/Header';
 import Icon from 'react-native-vector-icons/FontAwesome';
 import PropTypes from 'prop-types';
-
-const Repositories = () => (
-  <View>
-    <Header title="Repositórios" />
-  </View>
-);
+import AsyncStorage from '@react-native-community/async-storage';
+import api from '../../services/api';
+import styles from './styles';
+import RepositoryItem from './RepositoryItem';
 
 const TabIcon = ({ tintColor }) => <Icon name="list-alt" size={20} color={tintColor} />;
+
 TabIcon.propTypes = {
   tintColor: PropTypes.string.isRequired,
 };
-Repositories.navigationOptions = {
-  tabBarIcon: TabIcon,
-};
 
-Repositories.navigationOptions = {
-  tabBarIcon: TabIcon,
-};
+export default class Repositories extends React.Component {
+  static navigationOptions = {
+    tabBarIcon: TabIcon,
+  };
+
+  state = {
+    data: [],
+    loading: true,
+    refreshing: false,
+  };
+
+  componentDidMount() {
+    this.loadRepositories();
+  }
+
+  loadRepositories = async () => {
+    this.setState({ refreshing: true });
+    const username = await AsyncStorage.getItem('@Gituber:username');
+    const { data } = await api.get(`/users/${username}/repos`);
+    this.setState({ data, loading: false, refreshing: false });
+  };
+
+  renderListItem = ({ item }) => <RepositoryItem repository={item} />;
+
+  renderList = () => {
+    const { data, refreshing } = this.state;
+    return (
+      <FlatList
+        data={data}
+        keyExtractor={item => String(item.id)}
+        renderItem={this.renderListItem}
+        onRefresh={this.loadRepositories}
+        refreshing={refreshing}
+      />
+    );
+  };
 
-export default Repositories;
+  render() {
+    const { loading } = this.state;
+    return (
+      <View style={styles.container}>
+        <Header title="Repositórios" />
+        {loading ? <ActivityIndicator style={styles.loading} /> : this.renderList()}
+      </View>
+    );
+  }
+}
diff --git a/src/pages/Repositories/styles.js b/src/pages/Repositories/styles.js
diff --git a/src/pages/Welcome/index.js b/src/pages/Welcome/index.js
