Merge pull request #602 from CodeForPhilly/575_remove-rfm-from-client

575: remove rfm from client

Author: carrollsa

src/client/src/App.js

@@ -17,7 +17,6 @@ import Refresh from './components/Refresh';
 
 import useToken from './pages/Login/useToken';
 import Box from "@material-ui/core/Box";
-import {RFM} from "./pages/RFM/RFM";
 import UserManagement from './pages/UserManagement/UserManagement';
 import AlertBanner from './components/AlertBanner';
 
@@ -146,10 +145,6 @@ function AuthenticatedApp() {
                             <View360 access_token={access_token}/>
                         </Route>
 
-                         <Route path="/rfm">
-                            <RFM access_token={access_token}/>
-                        </Route>
-
                         <Route path="/check">
                             <Check access_token={access_token}/>
                         </Route>

src/client/src/components/Header.js

@@ -32,9 +32,6 @@ class Header extends Component {
                             {this.props.headerType !== 'Login' && <Button size="large" component={RouterLink} to="/360view/search">360
                                 DataView</Button>
                             }
-                            {this.props.headerType !== 'Login' && <Button size="large" component={RouterLink} to="/rfm">RFM
-                                </Button>
-                            }
                             <Button size="large" component={RouterLink} to="/about">About us</Button>
                             {this.props.headerType !== 'Login' &&
                             <Button size="large" component={RouterLink} to="/logout">Log Out</Button>}

src/client/src/pages/DataView360/Search/Search.js

@@ -106,10 +106,9 @@ export const Search360 = (props) => {
                         <Box pt={2} pb={4}>
                             <Typography>You searched for <b>{searchParticipant}</b></Typography>
                         </Box>
-
                     </Grid>
                 </Grid>
-                <Grid container direction={"row"}>
+                <Grid container direction="row" style={{ width: "100%", alignItems: "center", justifyContent: "center", }}>
                     <Paper>
                         <TableContainer className={classes.container}>
                             <Table className={classes.table} size="small" stickyHeader aria-label="sticky table">
@@ -120,7 +119,6 @@ export const Search360 = (props) => {
                                         <TableCell width="5%">Last Name</TableCell>
                                         <TableCell width="5%">Email</TableCell>
                                         <TableCell width="10%">Mobile</TableCell>
-                                        <TableCell width="10%">RFM Score</TableCell>
                                         <TableCell width="10%">Source</TableCell>
                                         <TableCell width="10%">ID in Source</TableCell>
                                     </TableRow>
@@ -137,13 +135,6 @@ export const Search360 = (props) => {
                                                     <TableCell>{row.last_name}</TableCell>
                                                     <TableCell>{row.email}</TableCell>
                                                     <TableCell>{formatPhoneNumber(row.mobile)}</TableCell>
-                                                    <TableCell
-                                                               style={{
-                                                                   backgroundColor: row.rfm_color,
-                                                                   color: row.rfm_text_color
-                                                               }}>
-                                                        {row.rfm_score} ({row.rfm_label})
-                                                    </TableCell>
                                                     <TableCell>{row.source_type}</TableCell>
                                                     <TableCell>{row.source_id}</TableCell>
                                                 </TableRow>

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

@@ -27,7 +27,6 @@ class SupportOverview extends Component {
             { "title": "Total # of Gifts", "value": data.number_of_gifts},
             { "title": "Largest Gift", "value": `$${data.largest_gift.toFixed(2)}`},
             { "title": "Recurring Donor?", "value": data.is_recurring ? "Yes" : "No"},
-            { "title": "RFM Score", "value": data.rfm_score }
             // { "title": "PAWS Legacy Society?", "value": "test" }
         ]
         return rows;
@@ -42,13 +41,9 @@ class SupportOverview extends Component {
                     </Typography>
                 </Grid>
                 <Grid item>
-                    {(row.rfm_color) 
-                    ? <Typography variant={'body2'} align={"right"} style={{ "background": row.rfm_color, "color": row.rfm_text_color }}>
+                    <Typography variant={'body2'} align={"right"}>
                         {row.value}
                     </Typography>
-                    : <Typography variant={'body2'} align={"right"}>
-                        {row.value}
-                    </Typography>}
                 </Grid>
             </Grid>
         ));
@@ -63,10 +58,9 @@ class SupportOverview extends Component {
                 <Container className={classes.containerInfo}>
                     <Grid container direction={'column'}>
                         <Grid container className={classes.spacingRows} direction={'row'} justify='center'>
-                            <Grid item style={{ "background": data.rfm_color, "borderRadius": "5px", "color": data.rfm_text_color, "paddingLeft": "1rem", "paddingRight": "1rem" }}>
+                            <Grid item style={{ "borderRadius": "5px", "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>