From abe33f100aab35c6c41316a3075c7271cf841195 Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Sat, 22 Sep 2018 14:48:17 -0400
Subject: [PATCH] Customizing alerts for extensions.
---
src/components/alerts/alert.css | 6 +++++-
src/components/alerts/alerts.jsx | 5 +----
src/reducers/alerts.js | 3 +++
3 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/src/components/alerts/alert.css b/src/components/alerts/alert.css
index 2bbfccbb8..181023d18 100644
--- a/src/components/alerts/alert.css
+++ b/src/components/alerts/alert.css
@@ -13,7 +13,11 @@
border-radius: 8px;
padding: 12px;
box-shadow: 2px 2px 2px 2px rgba(255, 140, 26, 0.25);
- margin-bottom: 4px;
+ margin-bottom: 7px;
+}
+
+.alert-icon {
+ vertical-align: middle;
}
.alert-message {
diff --git a/src/components/alerts/alerts.jsx b/src/components/alerts/alerts.jsx
index efd355675..95b755de9 100644
--- a/src/components/alerts/alerts.jsx
+++ b/src/components/alerts/alerts.jsx
@@ -22,10 +22,7 @@ const Alerts = ({
key={index}
>
<div className={styles.alertMessage}>
- <img
- src={a.iconURL}
- />
- {a.message}
+ <img className={styles.alertIcon} src={a.iconURL} /> {a.message} {a.name}.
</div>
<Button
className={styles.alertRemoveButton}
diff --git a/src/reducers/alerts.js b/src/reducers/alerts.js
index 7a39fee14..69011bd89 100644
--- a/src/reducers/alerts.js
+++ b/src/reducers/alerts.js
@@ -16,6 +16,9 @@ const reducer = function (state, action) {
const newAlert = {message: action.data.message};
if (action.data.extensionId) {
const extension = extensionData.find(ext => ext.extensionId === action.data.extensionId);
+ if (extension && extension.name) {
+ newAlert.name = extension.name;
+ }
if (extension && extension.smallPeripheralImage) {
newAlert.iconURL = extension.smallPeripheralImage;
}
--
GitLab