From be59ae803219c844990dc150bdd6e685a2f70e0e Mon Sep 17 00:00:00 2001
From: sovanna <sovanna.hing@gmail.com>
Date: Wed, 6 Nov 2019 11:13:14 +0900
Subject: [PATCH] feat(place-order): Sets crate alert to warning and sets color
 to red

---
 static/js/shop.jsx     | 2 +-
 static/js/shop_data.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/js/shop.jsx b/static/js/shop.jsx
index 4c6aefc..a696a39 100644
--- a/static/js/shop.jsx
+++ b/static/js/shop.jsx
@@ -676,7 +676,7 @@ class Crate extends React.PureComponent {
           {rules && rules.length > 0 && (
             <div className="crate-info">
               {rules.map((rule, index) => (
-                <p key={index} className="rule">
+                <p key={index} className="rule" style={{'color': rule.color ? rule.color : 'inherit'}}>
                   <img src={`/images${rule.icon}`} /> <i><strong>{rule.name}:</strong> {rule.message}</i>
                 </p>
               ))}
diff --git a/static/js/shop_data.js b/static/js/shop_data.js
index c676ba4..e447d06 100644
--- a/static/js/shop_data.js
+++ b/static/js/shop_data.js
@@ -11,7 +11,8 @@ const shop_data = {
   crateRules: {
     maxSlot: {
       type: 'crate',
-      icon: '/shop/icon-reminder.svg',
+      icon: '/shop/icon-warning.svg',
+      color: '#c75e5e',
       name: 'Crate',
       message: 'You have reach the maximum number of slots allowed for this crate. Consider removing cards.',
     },