 {_, APPDATA_PATH, ROOT, React, ReactBootstrap, FontAwesome, error, log, toggleModal, JSON} = window
-{TabbedArea, TabPane} = ReactBootstrap
+{Tabs, Tab} = ReactBootstrap
 fs = require 'fs-extra'
 {relative, join} = require 'path-extra'
 i18n = require './node_modules/i18n'

    render: ->
      <div>
      <link rel='stylesheet' href={join(relative(ROOT, __dirname), 'assets', 'hensei-nikki.css')} />
        <TabbedArea activeKey={@state.selectedKey} onSelect={@handleSelectTab} animation={false}>
          <TabPane eventKey={1} tab={__ 'Records'}>
            <HenseiList indexKey={0}
                        selectedKey={@state.selectedKey}
                        henseiData={@state.henseiData}
                        getDeckDetail={getDeckDetail} />
          </TabPane>
          <TabPane eventKey={2} tab={__ 'Edit'}>
            <EditDataTab indexKey={1}
                         selectedKey={@state.selectedKey}
                         henseiData={@state.henseiData}

                         handleAddData={@handleAddData}
                         handleDeleteData={@handleDeleteData}
                         saveData={@saveData} />
          </Tab>
        </Tabs>
      </div>
