Skip to content

Commit 73384f2

Browse files
Updated UI kit version to 4.3.9
1 parent f3ba0d6 commit 73384f2

File tree

9 files changed

+88
-75
lines changed

9 files changed

+88
-75
lines changed

package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "cometchat-chat-sample-app-vue",
3-
"version": "4.3.7",
3+
"version": "4.3.9",
44
"license": "https://www.cometchat.com/legal-terms-of-service",
55
"private": true,
66
"scripts": {
@@ -9,8 +9,8 @@
99
"lint": "vue-cli-service lint"
1010
},
1111
"dependencies": {
12-
"@cometchat/chat-uikit-vue": "^4.3.7",
13-
"@cometchat/calls-sdk-javascript": "^4.0.7",
12+
"@cometchat/chat-uikit-vue": "^4.3.17",
13+
"@cometchat/calls-sdk-javascript": "^4.0.10",
1414
"core-js": "^3.8.3",
1515
"file-loader": "^6.2.0",
1616
"vue": "^3.2.13"

src/metaInfo.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
export const metaInfo = {
22
name: "cometchat-chat-sample-app-vue",
3-
version: "4.3.8",
3+
version: "4.3.9",
44
type: "sample",
55
platform: "Vue",
66
};

src/views/CallButtonsView.vue

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,20 @@ export default defineComponent({
4646
}
4747
: {};
4848
});
49-
let user: any = ref(null);
49+
let user: any = ref<CometChat.User>();
5050
5151
onBeforeMount(async () => {
52-
user.value = await CometChat.getUser("superhero2");
52+
try {
53+
const usersRequest = new CometChat.UsersRequestBuilder()
54+
.setLimit(1)
55+
.build();
56+
const fetchedUsers = await usersRequest.fetchNext();
57+
if (fetchedUsers && fetchedUsers.length > 0) {
58+
user.value = fetchedUsers[0];
59+
}
60+
} catch (error) {
61+
console.error("Error fetching users:", error);
62+
}
5363
});
5464
5565
const getCallButtonStyle = () => {

src/views/CreateJoinGroupView.vue

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -134,15 +134,9 @@ export default defineComponent({
134134
}
135135
: {};
136136
});
137-
let user: any = ref(null);
138-
139-
onBeforeMount(async () => {
140-
user.value = await CometChat.getUser("superhero2");
141-
});
142137
143138
return {
144139
computedStyles,
145-
user,
146140
route,
147141
};
148142
},

src/views/DetailsView.vue

Lines changed: 25 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,17 +26,38 @@ export default defineComponent({
2626
},
2727
},
2828
setup() {
29-
let group: any = ref(null);
30-
let user: any = ref(null);
29+
const group = ref<CometChat.Group>();
30+
const user = ref<CometChat.User>();
3131
3232
const route: any = useRoute();
3333
onBeforeMount(async () => {
3434
if (route.name == "groupsdetails") {
35-
group.value = await CometChat.getGroup("supergroup");
35+
try {
36+
const groupsRequest = new CometChat.GroupsRequestBuilder()
37+
.setLimit(1)
38+
.joinedOnly(true)
39+
.build();
40+
const fetchedGroups = await groupsRequest.fetchNext();
41+
if (fetchedGroups && fetchedGroups.length > 0) {
42+
group.value = fetchedGroups[0];
43+
}
44+
} catch (error) {
45+
console.error("Error fetching groups:", error);
46+
}
3647
}
3748
3849
if (route.name == "usersdetails") {
39-
user.value = await CometChat.getUser("superhero2");
50+
try {
51+
const usersRequest = new CometChat.UsersRequestBuilder()
52+
.setLimit(1)
53+
.build();
54+
const fetchedUsers = await usersRequest.fetchNext();
55+
if (fetchedUsers && fetchedUsers.length > 0) {
56+
user.value = fetchedUsers[0];
57+
}
58+
} catch (error) {
59+
console.error("Error fetching users:", error);
60+
}
4061
}
4162
});
4263

src/views/GroupsView.vue

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
:group="group"
1313
></CometChatAddMembers>
1414
<CometChatGroupsWithMessages
15+
v-if="route.name == 'groupswithmessages'"
1516
:isMobileView="isMobileView"
1617
></CometChatGroupsWithMessages>
1718
</template>
@@ -44,9 +45,20 @@ export default defineComponent({
4445
setup() {
4546
let { isMobileView }: any = inject("isMobileView");
4647
const route: any = useRoute();
47-
let group: any = ref(null);
48+
const group = ref<CometChat.Group>();
4849
onBeforeMount(async () => {
49-
group.value = await CometChat.getGroup("supergroup");
50+
try {
51+
const groupsRequest = new CometChat.GroupsRequestBuilder()
52+
.setLimit(1)
53+
.joinedOnly(true)
54+
.build();
55+
const fetchedGroups = await groupsRequest.fetchNext();
56+
if (fetchedGroups && fetchedGroups.length > 0) {
57+
group.value = fetchedGroups[0];
58+
}
59+
} catch (error) {
60+
console.error("Error fetching groups:", error);
61+
}
5062
});
5163
5264
return { group, route, isMobileView };

src/views/MessageView.vue

Lines changed: 14 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -51,40 +51,24 @@ export default defineComponent({
5151
setup() {
5252
const router = useRouter();
5353
const route: any = useRoute();
54-
let currentGroup = ref();
55-
let currentUser = ref();
56-
let users = ref();
54+
let currentGroup = ref<CometChat.Group>();
5755
58-
var GUID = "supergroup";
59-
CometChat.getGroup(GUID).then(
60-
(group) => {
61-
currentGroup.value = group;
62-
},
63-
(error) => {
64-
console.log("Group details fetching failed with exception:", error);
65-
}
66-
);
67-
68-
var limit = 30;
69-
var usersRequest = new CometChat.UsersRequestBuilder()
70-
.setLimit(limit)
71-
.build();
72-
73-
usersRequest.fetchNext().then(
74-
(userList) => {
75-
users.value = userList;
76-
currentUser.value = userList[0];
77-
},
78-
(error) => {
79-
console.log("User list fetching failed with error:", error);
80-
}
81-
);
8256
onBeforeMount(async () => {
83-
currentUser.value = await CometChat.getUser("superhero2");
84-
currentGroup.value = await CometChat.getGroup("supergroup");
57+
try {
58+
const groupsRequest = new CometChat.GroupsRequestBuilder()
59+
.setLimit(1)
60+
.joinedOnly(true)
61+
.build();
62+
const fetchedGroups = await groupsRequest.fetchNext();
63+
if (fetchedGroups && fetchedGroups.length > 0) {
64+
currentGroup.value = fetchedGroups[0];
65+
}
66+
} catch (error) {
67+
console.error("Error fetching groups:", error);
68+
}
8569
});
8670
87-
return { router, route, currentGroup, users, currentUser };
71+
return { router, route, currentGroup };
8872
},
8973
});
9074
</script>

src/views/TransferOwnershipView.vue

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
<template>
2-
<CometChatTransferOwnership :group="group"></CometChatTransferOwnership>
2+
<CometChatTransferOwnership
3+
v-if="group"
4+
:group="group"
5+
></CometChatTransferOwnership>
36
</template>
47
<script lang="ts">
58
import { defineComponent, onBeforeMount, ref } from "vue";
@@ -17,9 +20,20 @@ export default defineComponent({
1720
},
1821
},
1922
setup() {
20-
let group: any = ref(null);
23+
const group = ref<CometChat.Group>();
2124
onBeforeMount(async () => {
22-
group.value = await CometChat.getGroup("supergroup");
25+
try {
26+
const groupsRequest = new CometChat.GroupsRequestBuilder()
27+
.setLimit(1)
28+
.joinedOnly(true)
29+
.build();
30+
const fetchedGroups = await groupsRequest.fetchNext();
31+
if (fetchedGroups && fetchedGroups.length > 0) {
32+
group.value = fetchedGroups[0];
33+
}
34+
} catch (error) {
35+
console.error("Error fetching groups:", error);
36+
}
2337
});
2438
2539
return { group };

src/views/UsersView.vue

Lines changed: 2 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div class="user-view__wrapper">
33
<div v-if="route.name == 'CometChatUsers'" class="cc__users">
44
<div class="cc__users-child">
5-
<CometChatUsers :list="users"></CometChatUsers>
5+
<CometChatUsers></CometChatUsers>
66
</div>
77
</div>
88
<div
@@ -38,29 +38,7 @@ export default defineComponent({
3838
const router = useRouter();
3939
const route: any = useRoute();
4040
let { isMobileView }: any = inject("isMobileView");
41-
42-
let currentUser = ref();
43-
let users = ref();
44-
45-
var limit = 30;
46-
var usersRequest = new CometChat.UsersRequestBuilder()
47-
.setLimit(limit)
48-
.build();
49-
50-
usersRequest.fetchNext().then(
51-
(userList) => {
52-
users.value = userList;
53-
currentUser.value = userList[0];
54-
},
55-
(error) => {
56-
console.log("User list fetching failed with error:", error);
57-
}
58-
);
59-
onBeforeMount(async () => {
60-
currentUser.value = await CometChat.getUser("superhero2");
61-
});
62-
63-
return { router, route, users, currentUser, isMobileView };
41+
return { router, route, isMobileView };
6442
},
6543
});
6644
</script>

0 commit comments

Comments
 (0)