Finish up making error reporting standard across different variations.

frontend/.gitignore

@@ -2,6 +2,7 @@ config/*.json
 # Logs
 logs
 *.log
+server/logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

frontend/server/app.js

@@ -49,13 +49,14 @@ log.addLevel('debug', 2900, { fg: 'green' });
 const memoryStore = new MemoryStore({
   checkPeriod: 86400000, // prune expired entries every 24h
 });
-const logger = morgan('common', {
-  stream: fs.createWriteStream(path.join(__dirname, 'logs', 'frontend.log'), {
-    flags: 'a',
-  }),
-});
 
 if (process.env.NODE_ENV !== 'test') {
+  const logger = morgan('common', {
+    stream: fs.createWriteStream(path.join(__dirname, 'logs', 'frontend.log'), {
+      flags: 'a',
+    }),
+  });
+  app.use(logger);
   app.use(morgan('dev'));
 }
 
@@ -92,7 +93,6 @@ app.use(
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: false }));
 app.use(express.static(path.join(__dirname, '..', 'dist')));
-app.use(logger);
 
 // Auth & Session
 app.use(cookieParser(cookieSecret));

frontend/src/modules/app/actions.js

@@ -6,9 +6,12 @@ export const toggleReportError = () => ({
   type: 'app/report-error/toggle',
 });
 
-export const reportError = payload => ({
+export const reportError = (payload, componentStack) => ({
   type: 'user/report-error',
   error: true,
+  meta: {
+    componentStack,
+  },
   payload,
 });
 

frontend/src/modules/app/components/report-error/index.jsx

@@ -9,7 +9,7 @@ import Textarea from '@atlaskit/textarea';
 
 function ReportError({ open, onCancel, onSubmit }) {
   const Container = ({ children, className }) => (
-    <Form onSubmit={data => onSubmit(data)}>
+    <Form onSubmit={data => onSubmit(data.error)}>
       {({ formProps }) => (
         <form {...formProps} className={className}>
           {children}

frontend/src/modules/data/components/data-request/index.jsx

@@ -33,15 +33,16 @@ function withRequest(Component) {
     componentDidCatch(error, info) {
       const { onError } = this.props;
       const { message } = error;
+      const { componentStack } = info;
 
       this.setState({
         error: {
           message,
-          info: info.componentStack,
+          info: componentStack,
         },
       });
 
-      onError(message);
+      onError(message, componentStack);
     }
 
     getParams = () => {

frontend/src/modules/data/components/error/index.jsx

@@ -14,8 +14,6 @@ const ReportErrorButton = reportErrorButton(props => (
 ));
 
 function ErrorComponent({ data }) {
-  //        {data.info}
-
   return (
     <div className={styles.container}>
       <div>

frontend/src/modules/requests/components/requests-list/index.jsx

@@ -241,7 +241,7 @@ RequestsList.propTypes = {
       _id: PropTypes.string,
       name: PropTypes.string,
       state: PropTypes.number,
-    }),
+    })
   ),
   fetchRequests: PropTypes.func.isRequired,
   filter: PropTypes.oneOfType([