message: Update Gene container to use InfiniteScrollGrid directly
diff: @@ -14,7 +14,10 @@ import SerifText from '../components/text/serif'
  import About from '../components/gene/about'
  import Header from '../components/gene/header'
  -import Artworks from '../components/gene/artworks'
  +
  +import {
  + GeneInfiniteScrollContainer as Artworks
  +} from '../components/artwork_grids/infinite_scroll_grid'
  import SwitchView from '../components/switch_view'
  import type SwitchEvent from '../components/events'
  @@ -106,8 +109,10 @@ class Gene extends React.Component {
  case TABS.ABOUT: return <About gene={this.props.gene} />
  case TABS.WORKS: return <Artworks
  gene={this.props.gene}
  - queryState={this.stateQuery()}
  - resolveQuery={this.resolveQuery}
  + medium={this.state.selectedMedium}
  + priceRange={this.state.selectedPriceRange}
  + sort={this.state.sort}
  + queryKey="gene"
  />
  }
  }
  @@ -285,36 +290,6 @@ class Gene extends React.Component {
  selectedPriceRange: this.state.selectedPriceRange,
  }
  }
  -
  - resolveQuery = (component: any, page: number, state: any) : string => {
  -
  - return `
  - {
  - gene(id: "${this.props.gene.id}") {
  - filtered_artworks(medium: "${this.state.selectedMedium}", price_range: "${this.state.selectedPriceRange}", sort: "${this.state.sort}", page:${page}, aggregations:[TOTAL], for_sale: true){
  - total
  - hits {
  - id
  - title
  - date
  - sale_message
  - image {
  - url(version: "large")
  - aspect_ratio
  - }
  - artist {
  - name
  - }
  - partner {
  - name
  - }
  - href
  - }
  - }
  - }
  - }
  - `
  - }
  }
  const styles = StyleSheet.create({
  @@ -338,6 +313,7 @@ export default Relay.createContainer(Gene, {
  id
  ${Header.getFragment('gene')}
  ${About.getFragment('gene')}
  + ${Artworks.getFragment('gene')}
  filtered_artworks(medium: $medium, price_range: $price_range, sort: $sort, aggregations:[MEDIUM, PRICE_RANGE, TOTAL], page:1, for_sale: true){
  total
  aggregations {
  