           first_pages_view.push <FirstPageThumbnail page_json={page_json} key={index} />
 
     for page_json, index in marked
-      first_pages_view.push <FirstPageThumbnail page_json={page_json} key={"marked-" + index} />
+      first_pages_view.push <FirstPageThumbnail page_json={page_json} key={'marked-' + index} />
 
     for page_json, index in transcribed
-      first_pages_view.push <FirstPageThumbnail page_json={page_json} key={"marked-" + index} />
+      first_pages_view.push <FirstPageThumbnail page_json={page_json} key={'marked-' + index} />
 
     @setState
       first_page_array: first_pages_view

    all_institutions: []
    all_playwrights: []

    placeholder_institution: "All Institutions"
    selected_institution:    "All Institutions"

    placeholder_playwright: "All Playwrights"
    selected_playwright:    "All Playwrights"

    # min, max year will indicate the range of years from which the user can select
    # while start and end years will indicate the actual years the user has selected

  (2 * b['retired_from_mark'] + b['retired_from_transcribe'])

GroupPage = React.createClass
  displayName: 'GroupPage'

  getInitialState: ->
    group_stats: {
