             icon_style.color = 'orange'
 
         label_styles =
-            whiteSpace: 'nowrap'
-            overflow: 'hidden'
-            textOverflow: 'ellipsis'
+            whiteSpace   : 'nowrap'
+            overflow     : 'hidden'
+            textOverflow : 'ellipsis'
 
         x_button_styles =
-            float:'right'
-            whiteSpace:'nowrap'
-            fontSize:'12pt'
-            marginTop: '-3px'
+            float      : 'right'
+            whiteSpace : 'nowrap'
+            fontSize   : '12pt'
+            marginTop  : '-3px'
 
         if @state.x_hovered
             x_button_styles.color = 'red'

    displayName : 'FileTab'

    propTypes :
        name               : rtypes.string
        label              : rtypes.string    # rendered tab title
        icon               : rtypes.string    # Affiliated icon
        project_id         : rtypes.string
        tooltip            : rtypes.string
        is_active          : rtypes.bool
        file_tab           : rtypes.bool      # Whether or not this tab holds a file
        shrink             : rtypes.bool      # Whether or not to shrink to just the icon
        has_activity       : rtypes.bool      # Whether or not some activity is happening with the file

    getInitialState : () ->
        x_hovered : false

            else
                # TODO: ideally name, path, project_id is all we pass down here to any editor
                <Editor
                    name         = {redux_name}
                    path         = {active_path}
                    project_id   = {project_id}
                    redux        = {redux}
                    actions      = {if redux_name? then redux.getActions(redux_name)}
                    project_name = {project_name}
                />

exports.ProjectPage = ProjectPage = rclass ({name}) ->
