Add blocks tab with test data to user settings page

This commit is contained in:
taehoon 2019-02-13 07:15:08 -05:00
parent 4a737cbe45
commit a56d2dfeb1
3 changed files with 17 additions and 2 deletions

View File

@ -1,9 +1,18 @@
import { unescape } from 'lodash' import unescape from 'lodash/unescape'
import get from 'lodash/get'
import TabSwitcher from '../tab_switcher/tab_switcher.js' import TabSwitcher from '../tab_switcher/tab_switcher.js'
import ImageCropper from '../image_cropper/image_cropper.vue' import ImageCropper from '../image_cropper/image_cropper.vue'
import StyleSwitcher from '../style_switcher/style_switcher.vue' import StyleSwitcher from '../style_switcher/style_switcher.vue'
import fileSizeFormatService from '../../services/file_size_format/file_size_format.js' import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
import UserList from '../user_list/user_list.vue'
import withLoadMore from '../../hocs/with_load_more/with_load_more'
const BlockListWithLoadMore = withLoadMore(
UserList,
(props, $store) => $store.dispatch('addFriends', $store.state.users.currentUser.id),
(props, $store) => get($store.getters.userById($store.state.users.currentUser.id), 'friends', [])
)
const UserSettings = { const UserSettings = {
data () { data () {
@ -41,7 +50,8 @@ const UserSettings = {
components: { components: {
StyleSwitcher, StyleSwitcher,
TabSwitcher, TabSwitcher,
ImageCropper ImageCropper,
'block-list': BlockListWithLoadMore
}, },
computed: { computed: {
user () { user () {

View File

@ -162,6 +162,10 @@
<h2>{{$t('settings.follow_export_processing')}}</h2> <h2>{{$t('settings.follow_export_processing')}}</h2>
</div> </div>
</div> </div>
<div :label="$t('settings.blocks_tab')">
<block-list />
</div>
</tab-switcher> </tab-switcher>
</div> </div>
</div> </div>

View File

@ -110,6 +110,7 @@
"avatarRadius": "Avatars", "avatarRadius": "Avatars",
"background": "Background", "background": "Background",
"bio": "Bio", "bio": "Bio",
"blocks_tab": "Blocks",
"btnRadius": "Buttons", "btnRadius": "Buttons",
"cBlue": "Blue (Reply, follow)", "cBlue": "Blue (Reply, follow)",
"cGreen": "Green (Retweet)", "cGreen": "Green (Retweet)",