fixes

Author: Hailey Ryu

graphql-example/src/App/App.js

@@ -36,11 +36,11 @@ class AppBase extends Component {
 
 	constructor (props) {
 		super(props);
-		this.userId = 'haileyr';
+		this.userId = '';
 		this.lists = {
-			repo: true,
-			fol: true,
-			org: true
+			repo: false,
+			fol: false,
+			org: false
 		};
 
 		this.state = {
@@ -78,17 +78,16 @@ class AppBase extends Component {
 	render () {
 		const {index, userId, lists} = this.state;
 
-		return (
-			<ApolloProvider client={client}>
-				<ActivityPanels {...this.props} onSelectBreadcrumb={this.handleSelectBreadcrumb} index={index}>
-					<Search
-						onUserIdChange={this.onUserIdChange}
-						onListSelectionChange={this.onListSelectionChange}
-						onSearch={this.onSearch}
-					/>
-					<Detail userId={userId} lists={lists} />
-				</ActivityPanels>
-			</ApolloProvider>);
+		return <ApolloProvider client={client}>
+			<ActivityPanels {...this.props} onSelectBreadcrumb={this.handleSelectBreadcrumb} index={index}>
+				<Search
+					onUserIdChange={this.onUserIdChange}
+					onListSelectionChange={this.onListSelectionChange}
+					onSearch={this.onSearch}
+				/>
+				<Detail userId={userId} lists={lists} />
+			</ActivityPanels>
+		</ApolloProvider>;
 	}
 }
 

graphql-example/src/components/list.js

@@ -23,7 +23,7 @@ const ListBase = kind({
 	name: 'Detail',
 
 	propTypes: {
-		list: PropTypes.object,
+		list: PropTypes.arrayOf(PropTypes.object),
 		userId: PropTypes.string
 	},
 

graphql-example/src/views/Detail.js

@@ -45,11 +45,11 @@ const DetailBase = kind({
 		<Query query={GET_USER} variables={{login: userId}}>
 			{({loading, data}) => {
 				if (loading) {
-					return (<Panel {...rest}><p>Loading...</p></Panel>);
+					return <Panel {...rest}><p>Loading...</p></Panel>;
 				} else if (!data && !data.user) {
 					return <Panel {...rest}><p>User not found...</p></Panel>;
 				} else {
-					return (<Panel {...rest}>
+					return <Panel {...rest}>
 						<Header type="compact" title={data.user.name}>
 							<Image src={data.user.avatarUrl} style={{height: '3rem'}} sizing="fit" />
 						</Header>
@@ -58,7 +58,7 @@ const DetailBase = kind({
 							{lists.org && <List list={data.user.organizations.nodes} />}
 							{lists.fol &&  <List list={data.user.followers.nodes} />}
 						</Column>
-					</Panel>);
+					</Panel>;
 				}
 			}}
 		</Query>

graphql-example/src/views/Search.js

@@ -39,7 +39,7 @@ const SearchBase = kind({
 		delete rest.onListSelectionChange;
 		return (<Panel {...rest}>
 			<Header title="Dev checks" type="compact" />
-			<Input placeholder="Github id" onChange={onInputChange} />
+			<Input placeholder="Github id" onChange={onInputChange} dismissOnEnter />
 			<IconButton onClick={onSearch} small={false} backgroundOpacity="transparent">search</IconButton>
 			<FormCheckboxItem onToggle={onRepoSelection}>Repositories</FormCheckboxItem>
 			<FormCheckboxItem onToggle={onFolSelection}>Followers</FormCheckboxItem>