rename Autosuggest component

This commit is contained in:
taehoon 2019-04-02 16:10:03 -04:00
parent 1cf9780e05
commit 0bdb0e5a81
4 changed files with 9 additions and 9 deletions

View file

@ -1,19 +1,19 @@
<template>
<div class="user-autosuggest" v-click-outside="onClickOutside">
<input v-model="term" :placeholder="placeholder" @click="onInputClick" class="user-autosuggest-input" />
<div class="user-autosuggest-results" v-if="resultsVisible && filtered.length > 0">
<div class="autosuggest" v-click-outside="onClickOutside">
<input v-model="term" :placeholder="placeholder" @click="onInputClick" class="autosuggest-input" />
<div class="autosuggest-results" v-if="resultsVisible && filtered.length > 0">
<slot v-for="item in filtered" :item="item">
</slot>
</div>
</div>
</template>
<script src="./user_autosuggest.js"></script>
<script src="./autosuggest.js"></script>
<style lang="scss">
@import '../../_variables.scss';
.user-autosuggest {
.autosuggest {
position: relative;
&-input {

View file

@ -11,7 +11,7 @@ import fileSizeFormatService from '../../services/file_size_format/file_size_for
import BlockCard from '../block_card/block_card.vue'
import MuteCard from '../mute_card/mute_card.vue'
import EmojiInput from '../emoji-input/emoji-input.vue'
import UserAutoSuggest from '../user_autosuggest/user_autosuggest.vue'
import Autosuggest from '../autosuggest/autosuggest.vue'
import withSubscription from '../../hocs/with_subscription/with_subscription'
import withList from '../../hocs/with_list/with_list'
import userSearchApi from '../../services/new_api/user_search.js'
@ -78,7 +78,7 @@ const UserSettings = {
BlockList,
MuteList,
EmojiInput,
UserAutoSuggest,
Autosuggest,
BlockCard
},
computed: {

View file

@ -196,9 +196,9 @@
<div :label="$t('settings.blocks_tab')">
<div class="profile-edit-usersearch-wrapper">
<UserAutoSuggest :filter="filterUnblockedUsers" :query="queryUserIds" placeholder="Search whom you want to block">
<Autosuggest :filter="filterUnblockedUsers" :query="queryUserIds" placeholder="Search whom you want to block">
<BlockCard slot-scope="row" :userId="row.item"/>
</UserAutoSuggest>
</Autosuggest>
</div>
<block-list :refresh="true">
<template slot="empty">{{$t('settings.no_blocks')}}</template>