Added 'Created by...' line in integration list

webapp/components/backstage/installed_incoming_webhook.jsx

@@ -4,6 +4,7 @@
 import React from 'react';
 
 import ChannelStore from 'stores/channel_store.jsx';
+import * as Utils from 'utils/utils.jsx';
 
 import {FormattedMessage} from 'react-intl';
 
@@ -52,6 +53,18 @@ export default class InstalledIncomingWebhook extends React.Component {
                             {incomingWebhook.description}
                         </span>
                     </div>
+                    <div className='tem-details__row'>
+                        <span className='item-details__creation'>
+                            <FormattedMessage
+                                id='installed_integrations.creation'
+                                defaultMessage='Created by {creator} on {createAt, date, full}'
+                                values={{
+                                    creator: Utils.displayUsername(incomingWebhook.user_id),
+                                    createAt: incomingWebhook.create_at
+                                }}
+                            />
+                        </span>
+                    </div>
                 </div>
                 <div className='item-actions'>
                     <a

webapp/components/backstage/installed_outgoing_webhook.jsx

@@ -4,6 +4,7 @@
 import React from 'react';
 
 import ChannelStore from 'stores/channel_store.jsx';
+import * as Utils from 'utils/utils.jsx';
 
 import {FormattedMessage} from 'react-intl';
 
@@ -58,8 +59,18 @@ export default class InstalledOutgoingWebhook extends React.Component {
                     <div className='item-details__row'>
                         <span className='item-details__description'>
                             {outgoingWebhook.description}
-                            {' - '}
-                            {outgoingWebhook.token}
+                        </span>
+                    </div>
+                    <div className='item-details__row'>
+                        <span className='item-details__creation'>
+                            <FormattedMessage
+                                id='installed_integrations.creation'
+                                defaultMessage='Created by {creator} on {createAt, date, full}'
+                                values={{
+                                    creator: Utils.displayUsername(outgoingWebhook.creator_id),
+                                    createAt: outgoingWebhook.create_at
+                                }}
+                            />
                         </span>
                     </div>
                 </div>

webapp/i18n/en.json

@@ -814,6 +814,7 @@
   "get_team_invite_link_modal.title": "Team Invite Link",
   "installed_integrations.add": "Add Integration",
   "installed_integrations.allFilter": "All ({count})",
+  "installed_integrations.creation": "Created by {creator} on {createAt, date, full}",
   "installed_integrations.delete": "Delete",
   "installed_integrations.header": "Installed Integrations",
   "installed_integrations.incomingWebhookType": "(Incoming Webhook)",

webapp/sass/routes/_backstage.scss

@@ -196,6 +196,11 @@
         margin-bottom: 1em;
     }
 
+    .item-details__creation {
+        color: $dark-gray;
+        margin-bottom: 1em;
+    }
+
     .list-item__actions {
         flex-grow: 0;
         flex-shrink: 0;