           tabs={_.pluck(periods, 'name')}
           onSelect={@onTabSelection}
         >
-          <AddPeriodLink courseId={@props.courseId} periods={periods} />
+          <AddPeriodLink
+            show={false}
+            courseId={@props.courseId}
+            periods={periods} />
         </Tabs>
 
         <@ActivePeriod periods={periods} />

BS = require 'react-bootstrap'
_  = require 'underscore'
classnames = require 'classnames'

BindStoreMixin = require '../bind-store-mixin'
NoPeriods = require '../no-periods'

    </div>

  renderEmpty: ->
    <NoPeriods courseId={@props.courseId} button={
      <AddPeriodLink
        show={!!Router.currentQuery().add}
        courseId={@props.courseId}
        periods={[]}
      />
    } />

  renderRoster: (course, periods) ->
    <div className="roster">
      <div className="settings-section periods">

