gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

Implement friends list and refactor components #28

Merged
twig merged 24 commits from friends-list into main 2025-07-12 17:28:43 +00:00
Conversation 10 Commits 24 Files changed 25 +6 -10
1 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 83464c8f13 - Show all commits

16
pages/me/friends.vue
View file

@ -3,7 +3,10 @@
<DirectMessagesSidebar />
<div :id="$style['page-content']">
<div :id="$style['navigation-bar']">
<Button v-for="button of buttons" :text="button.label" variant="normal" :callback="button.updateFilter" />
<Button text="All Friends" variant="neutral" :callback="() => updateFilter('all')" />
<Button text="Online" variant="neutral" :callback="() => updateFilter('online')" />
<Button text="Pending" variant="neutral" :callback="() => updateFilter('pending')" />
<Button text="Add Friend" variant="normal" :callback="() => updateFilter('add')" />
</div>
<div>
@ -16,17 +19,10 @@
</template>
<script lang="ts" setup>
import AddFriend from '~/components/Me/AddFriend.vue';
import DirectMessagesSidebar from '~/components/Me/DirectMessagesSidebar.vue';
import FriendsList from '~/components/Me/FriendsList.vue';
import Button from '~/components/UserInterface/Button.vue';
const buttons = [
{ label: "All Friends", updateFilter: () => updateFilter('all'), variant: "neutral" },
{ label: "Online", updateFilter: () => updateFilter('online'), variant: "neutral" },
{ label: "Pending", updateFilter: () => updateFilter('pending'), variant: "neutral" },
{ label: "Add Friend", updateFilter: () => updateFilter('add'), variant: "primary" },
]
import AddFriend from '~/components/Me/AddFriend.vue';
import FriendsList from '~/components/Me/FriendsList.vue';
let filter = ref("all");