import BooleanSetting from '../helpers/boolean_setting.vue'
import FloatSetting from '../helpers/float_setting.vue'
import TextSetting from '../helpers/text_setting.vue'
import SharedComputedObject from '../helpers/shared_computed_object.js'

const NotificationsTab = {
  data () {
    return {
      activeTab: 'profile',
      notificationSettings: this.$store.state.users.currentUser.notification_settings,
      newDomainToMute: ''
    }
  },
  components: {
    BooleanSetting,
    FloatSetting,
    TextSetting
  },
  computed: {
    user () {
      return this.$store.state.users.currentUser
    },
    ...SharedComputedObject()
  },
  methods: {
    updateNotificationSettings () {
      this.$store.state.api.backendInteractor
        .updateNotificationSettings({ settings: this.notificationSettings })
    }
  }
}

export default NotificationsTab
