Grouped notifications (v1)

app/javascript/gabsocial/components/input.js

@@ -73,7 +73,7 @@ export default class Input extends PureComponent {
     })
 
     const btnClasses = cx({
-      displayNone: value.length === 0,
+      displayNone: !value || value.length === 0,
       px10: 1,
       mr5: 1,
     })

app/javascript/gabsocial/components/panel/notification_filter_panel.js

@@ -1,16 +1,7 @@
-import { Fragment } from 'react'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
-import ImmutablePropTypes from 'react-immutable-proptypes'
-import { shortNumberFormat } from '../../utils/numbers'
 import PanelLayout from './panel_layout'
-import Button from '../button'
-import Divider from '../divider'
-import Heading from '../heading'
-import Icon from '../icon'
-import Input from '../input'
 import Switch from '../switch'
-import Text from '../text'
 
 const messages = defineMessages({
   title: { id: 'notification_filters', defaultMessage: 'Notification Filters' },
@@ -27,25 +18,8 @@ class NotificationFilterPanel extends ImmutablePureComponent {
   render() {
     const { intl } = this.props
 
-    // date
-    // verfied or not
-    // specific user
-    // specific status
-    // only people i do/not follow
-
     return (
       <PanelLayout title={intl.formatMessage(messages.title)}>
-        <Text>Start Date</Text>
-        <Text>End Date</Text>
-
-        <Divider small />
-
-        <Input title='From specific user(s)' small />
-
-        <Input title='From a specific status' small />
-
-        <Divider small />
-
         <Switch 
           id='notifications-verified'
           label='Only Verified Users'

app/javascript/gabsocial/components/tab_bar_item.js

@@ -59,6 +59,7 @@ class TabBarItem extends PureComponent {
       justifyContentCenter: 1,
       borderBottom2PX: 1,
       py5: 1,
+      cursorPointer: 1,
       backgroundTransparent: 1,
       borderColorTransparent: !isCurrent,
       borderColorBrand: isCurrent,