From ca26776b4e459ed7729d8a5cf354621a0d96ae59 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Thu, 4 Apr 2019 03:09:00 -0400
Subject: [PATCH] recover border between basic-user-card using list component
---
src/components/follow_requests/follow_requests.js | 4 +++-
src/components/follow_requests/follow_requests.vue | 6 +++++-
src/components/user_search/user_search.js | 4 +++-
src/components/user_search/user_search.vue | 6 +++++-
src/components/who_to_follow/who_to_follow.js | 4 +++-
src/components/who_to_follow/who_to_follow.vue | 6 +++++-
6 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 704a76c6..69c48d14 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -1,8 +1,10 @@
import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
+import List from '../list/list.vue'
const FollowRequests = {
components: {
- FollowRequestCard
+ FollowRequestCard,
+ List
},
computed: {
requests () {
diff --git a/src/components/follow_requests/follow_requests.vue b/src/components/follow_requests/follow_requests.vue
index b83c2d68..0970713b 100644
--- a/src/components/follow_requests/follow_requests.vue
+++ b/src/components/follow_requests/follow_requests.vue
@@ -4,7 +4,11 @@
{{$t('nav.friend_requests')}}
</div>
<div class="panel-body">
- <FollowRequestCard v-for="request in requests" :key="request.id" :user="request"/>
+ <List :items="requests">
+ <template slot="item" scope="p">
+ <FollowRequestCard :user="p.item" />
+ </template>
+ </List>
</div>
</div>
</template>
diff --git a/src/components/user_search/user_search.js b/src/components/user_search/user_search.js
index 55040826..f02d22ad 100644
--- a/src/components/user_search/user_search.js
+++ b/src/components/user_search/user_search.js
@@ -1,8 +1,10 @@
import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
import userSearchApi from '../../services/new_api/user_search.js'
const userSearch = {
components: {
- FollowCard
+ FollowCard,
+ List
},
props: [
'query'
diff --git a/src/components/user_search/user_search.vue b/src/components/user_search/user_search.vue
index 1269eea6..06bfc35f 100644
--- a/src/components/user_search/user_search.vue
+++ b/src/components/user_search/user_search.vue
@@ -13,7 +13,11 @@
<i class="icon-spin3 animate-spin"/>
</div>
<div v-else class="panel-body">
- <FollowCard v-for="user in users" :key="user.id" :user="user"/>
+ <List :items="users">
+ <template slot="item" scope="p">
+ <FollowCard :user="p.item" />
+ </template>
+ </List>
</div>
</div>
</template>
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index be0b8827..9b100334 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,9 +1,11 @@
import apiService from '../../services/api/api.service.js'
import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
const WhoToFollow = {
components: {
- FollowCard
+ FollowCard,
+ List
},
data () {
return {
diff --git a/src/components/who_to_follow/who_to_follow.vue b/src/components/who_to_follow/who_to_follow.vue
index 1630f5ac..4812dd81 100644
--- a/src/components/who_to_follow/who_to_follow.vue
+++ b/src/components/who_to_follow/who_to_follow.vue
@@ -4,7 +4,11 @@
{{$t('who_to_follow.who_to_follow')}}
</div>
<div class="panel-body">
- <FollowCard v-for="user in users" :key="user.id" :user="user"/>
+ <List :items="users">
+ <template slot="item" scope="p">
+ <FollowCard :user="p.item" />
+ </template>
+ </List>
</div>
</div>
</template>