Merge pull request #431 from CodeForPhilly/support-overview-rfm-tweaks

Moved RFM category information to header

Author: c-simpson

src/client/src/pages/DataView360/View/components/SupportOverview.js

@@ -27,9 +27,7 @@ class SupportOverview extends Component {
             { "title": "Total # of Gifts", "value": data.number_of_gifts},
             { "title": "Largest Gift", "value": `$${data.largest_gift}`},
             { "title": "Recurring Donor?", "value": data.is_recurring ? "Yes" : "No"},
-            { "title": "RFM Score", "value": data.rfm_score },
-            { "title": "RFM Category", "value": data.rfm_label, 
-              "rfm_color": data.rfm_color, "rfm_text_color": data.rfm_text_color }
+            { "title": "RFM Score", "value": data.rfm_score }
             // { "title": "PAWS Legacy Society?", "value": "test" }
         ]
         return rows;
@@ -65,9 +63,10 @@ class SupportOverview extends Component {
                 <Container className={classes.containerInfo}>
                     <Grid container direction={'column'}>
                         <Grid container className={classes.spacingRows} direction={'row'} justify='center'>
-                            <Grid item>
+                            <Grid item style={{ "background": data.rfm_color, "borderRadius": "5px", "color": data.rfm_text_color, "paddingLeft": "1rem", "paddingRight": "1rem" }}>
                                 <Typography variant={'subtitle1'}>
                                     <b>Support Overview</b>
+                                    <p style={{"fontSize": "0.875rem", "textAlign": "center" }}>{data.rfm_label}</p>
                                 </Typography>
                             </Grid>
                         </Grid>