 # Internal & React Libraries
 {React, rclass, rtypes} = require('./app-framework')
 {Icon} = require('./r_misc')
+misc = require('smc-util/misc')
 
-alert_style =
+# alert style, and derived oom alert style. we want to make sure we do not change one of them accidentally...
+alert_style = Object.freeze(
     marginBottom : 0
     fontSize     : '13pt'
+)
+
+oom_alert_style = Object.freeze(Object.assign({}, alert_style, {fontSize : '11pt', padding : '5px'}))
+
 
 exports.DiskSpaceWarning = rclass ({name}) ->
     displayName : 'DiskSpaceWarning'


    propTypes :
        project_id : rtypes.string

    shouldComponentUpdate: (nextProps) ->
        return @props.project_map?.get(@props.project_id) != nextProps.project_map?.get(nextProps.project_id) \

        </Alert>


# to test this, set the oom_kills value for your dev project directly in the DB:
# 1. reset:         UPDATE projects SET status = jsonb_set(status, '{oom_kills}', '0'::JSONB) WHERE project_id='  ... UUID of your cc-in-cc project ... ';
# 2. single event:  UPDATE projects SET status = jsonb_set(status, '{oom_kills}', '1'::JSONB) WHERE project_id='  ... UUID of your cc-in-cc project ... ';
# 3. several more:  UPDATE projects SET status = jsonb_set(status, '{oom_kills}', '5'::JSONB) WHERE project_id='  ... UUID of your cc-in-cc project ... ';
# 4. reset:         UPDATE projects SET status = jsonb_set(status, '{oom_kills}', '0'::JSONB) WHERE project_id='  ... UUID of your cc-in-cc project ... ';
exports.OOMWarning = rclass ({name}) ->
    displayName : 'OOMWarning'

