Remove 'Settings' link from empty panel and mobile view

Author: luizrrodrigues

dist/dev/index.js

@@ -30,9 +30,13 @@ const EmptyNotifications = ({ onClose, emptyTitle, emptyText }) => (
       <NotificationIconBig className={styles['big-icon-bell']} />
       <div className={styles['empty-title']}>{emptyTitle}</div>
       <div className={cn(styles.txt, styles['center-txt'])}>{emptyText}</div>
+      {/*
+        * Disabled until Settings page is ready
+        *
       <span className={cn(styles['btn-empty-noti'])} role='button'>
-        Notification Settings
+        Check Your Notifications Settings
       </span>
+      */}
     </div>
   </>
 )

dist/prod/index.js

@@ -6,7 +6,7 @@ import moment from 'moment'
 import { Link } from 'topcoder-react-utils'
 import styles from './styles.module.scss'
 import BackArrow from '../../assets/images/left-arrow.svg'
-import GearIcon from '../../assets/images/icon-settings-gear.svg'
+// import GearIcon from '../../assets/images/icon-settings-gear.svg'
 import TickIcon from '../../assets/images/icon-checkmark.svg'
 import NotificationIcon from '../../assets/images/icon-bell.svg'
 
@@ -166,12 +166,16 @@ export default class NotificationList extends React.Component {
             >
               <TickIcon />
             </div>
+            {/*
+              * Disabled until Settings page is ready
+              *
             <div
               role='button'
               className={styles['btn-setting']}
             >
               <GearIcon />
             </div>
+            */}
           </div>
         </div>
         <div className={styles['noti-body']}>

src/components/NotificationsPopup/EmptyNotifications.js

@@ -487,7 +487,7 @@
       }
       .btn-tick {
         margin: auto 0px;
-        margin-right: 20px;
+        // margin-right: 20px;
         &.disabled {
           opacity: 0.50;
         }