diff --git a/webapp/components/backstage/installed_incoming_webhook.jsx b/webapp/components/backstage/installed_incoming_webhook.jsx
index 262bfe21d5..95a303edc0 100644
--- a/webapp/components/backstage/installed_incoming_webhook.jsx
+++ b/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}
+
+
+
+
+
+
+
+
diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json
index 7dc6486abc..8fdb42b4cd 100644
--- a/webapp/i18n/en.json
+++ b/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)",
diff --git a/webapp/sass/routes/_backstage.scss b/webapp/sass/routes/_backstage.scss
index 729c8c912a..e7e8c1e010 100644
--- a/webapp/sass/routes/_backstage.scss
+++ b/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;