import React from 'react';

import Debug from 'debug';

let debug = new Debug("components:alert");

export default React.createClass( {

    render() {
        let error = this.props.error;
        if(!error) {
            return (
                <div></div>
            );
        }
        debug('render ', error);
        return (
            <div className="alert alert-danger text-center animate bounceIn" role="alert">
                <div>An error occured: {error.name}</div>
                <div>{error.message}</div>
                <div>Status Code: {error.status}</div>
            </div>
        );
    }

} );

@@ -20,16 +20,41 @@
 react';%0A
+import tr from 'i18next';
 %0Aimport 
@@ -465,16 +465,23 @@
    %3Cdiv%3E
+%7Btr.t('
 An error
@@ -488,16 +488,19 @@
  occured
+')%7D
 : %7Berror
@@ -504,32 +504,72 @@
 ror.name%7D%3C/div%3E%0A
+                %3Cdiv%3E%7Berror.name%7D%3C/div%3E%0A
                 
@@ -616,16 +616,23 @@
    %3Cdiv%3E
+%7Btr.t('
 Status C
@@ -634,16 +634,19 @@
 tus Code
+')%7D
 : %7Berror

add tr for alert