<DynamicPageBanner title="Muted users" icon="#fa-volume-off" />
<AccountsListPage {accountsFetcher} {accountActions} />
<script>
  import AccountsListPage from '.././_components/AccountsListPage.html'
  import { store } from '.././_store/store'
  import { getMutedAccounts } from '.././_api/blockedAndMuted'
  import DynamicPageBanner from '.././_components/DynamicPageBanner.html'
  import { setAccountMuted } from '../_actions/mute'

  export default {
    data: () => ({
      accountActions: [
        {
          icon: '#fa-volume-up',
          label: 'Unmute',
          onclick: (accountId) => setAccountMuted(accountId, false, true)
        }
      ]
    }),
    computed: {
      accountsFetcher: ({ $currentInstance, $accessToken }) => () => getMutedAccounts($currentInstance, $accessToken)
    },
    store: () => store,
    components: {
      AccountsListPage,
      DynamicPageBanner
    }
  }
</script>