Remove icons in button

components/common/simulation-page/SimulationPage.tsx

@@ -24,14 +24,11 @@ interface Props {
   results: JSX.Element;
   primaryButtons: {
     onClick: () => void;
-    icon?: JSX.Element;
     caption: string;
     mobileCaption: string;
-    mobileIcon?: JSX.Element;
   }[];
   secondaryButtons?: {
     onClick: () => void;
-    icon?: JSX.Element;
     caption: string;
     mobileCaption: string;
     mobileIcon?: JSX.Element;

components/common/simulation-page/simulation-menu/SimulationMenuBar.tsx

@@ -25,14 +25,11 @@ type PropsFromRedux = ConnectedProps<typeof connector>;
 type Props = PropsFromRedux & {
   primaryButtons: {
     onClick: () => void;
-    icon?: JSX.Element;
     caption: string;
     mobileCaption: string;
-    mobileIcon?: JSX.Element;
   }[],
   secondaryButtons: {
     onClick: () => void;
-    icon?: JSX.Element;
     caption: string;
     mobileCaption: string;
     mobileIcon?: JSX.Element;
@@ -73,7 +70,6 @@ class SimulationMenuBar extends PureComponent<Props> {
                     <Grid key={index} item>
                       <Button
                         caption={button.caption}
-                        icon={button.icon}
                         isMobileView={isMobileView}
                         mobileCaption={button.mobileCaption}
                         mobileIcon={button.mobileIcon}
@@ -95,10 +91,8 @@ class SimulationMenuBar extends PureComponent<Props> {
                     <Grid key={index} item>
                       <Button
                         caption={button.caption}
-                        icon={button.icon}
                         isMobileView={isMobileView}
                         mobileCaption={button.mobileCaption}
-                        mobileIcon={button.mobileIcon}
                         type="primary"
                         onClick={button.onClick} />
                     </Grid>

pages/dotations.tsx

-import HomeIcon from "@material-ui/icons/Home";
 import { flow } from "lodash";
 import Head from "next/head";
 import { withRouter } from "next/router";
@@ -59,9 +58,7 @@ class DotationPage extends PureComponent<PropsFromRedux> {
           primaryButtons={[
             {
               caption: "Estimer",
-              icon: <HomeIcon />,
               mobileCaption: "Estimer",
-              mobileIcon: <HomeIcon />,
               onClick: simulate,
             },
           ]}

pages/ir.tsx

-import AccountBalanceIcon from "@material-ui/icons/AccountBalance";
 import AddCircleOutlineIcon from "@material-ui/icons/AddCircleOutline";
-import FaceIcon from "@material-ui/icons/Face";
 import { flow } from "lodash";
 import Head from "next/head";
 import { withRouter } from "next/router";
@@ -38,15 +36,6 @@ const mapDispatchToProps = dispatch => ({
   },
 });
 
-const populationIcon = (
-  <Fragment>
-    <AccountBalanceIcon />
-    <FaceIcon />
-  </Fragment>
-);
-
-const casTypesIcon = <FaceIcon />;
-
 const connector = connect(mapStateToProps, mapDispatchToProps);
 
 type PropsFromRedux = ConnectedProps<typeof connector>
@@ -69,20 +58,16 @@ class IRPage extends PureComponent<Props> {
 
     const primaryButtons = [
       {
-        caption: "ESTIMER ~5''",
-        icon: casTypesIcon,
-        mobileCaption: "ESTIMER",
-        mobileIcon: casTypesIcon,
+        caption: "ESTIMER CAS TYPES",
+        mobileCaption: "ESTIMER CAS TYPES",
         onClick: simulateCasTypes,
       },
     ];
 
     if (isUserLogged) {
       primaryButtons.push({
-        caption: "ESTIMER ~60''",
-        icon: populationIcon,
-        mobileCaption: "ESTIMER",
-        mobileIcon: populationIcon,
+        caption: "ESTIMER BUDGET & CAS TYPES",
+        mobileCaption: "ESTIMER BUDGET & CAS TYPES",
         onClick: simulatePopulation,
       });
     }