Skip to content

Commit f4b704e

Browse files
Artem-K-KoltunovArtem-K-Koltunov
committed
react-chat sample v1.0.2
1 parent 3e4bd93 commit f4b704e

File tree

6 files changed

+74
-191
lines changed

6 files changed

+74
-191
lines changed

‎samples/react-chat/package-lock.json

Lines changed: 9 additions & 9 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎samples/react-chat/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-chat",
3-
"version": "1.0.0",
3+
"version": "1.0.2",
44
"private": true,
55
"dependencies": {
66
"@emotion/react": "^11.11.0",
@@ -11,7 +11,7 @@
1111
"@types/node": "^16.18.28",
1212
"@types/react": "^18.2.6",
1313
"@types/react-dom": "^18.2.4",
14-
"quickblox-react-ui-kit": "^0.1.2",
14+
"quickblox-react-ui-kit": "^0.1.3",
1515
"node-sass": "^8.0.0",
1616
"quickblox": "^2.15.5",
1717
"react": "^17.0.0 || ^18.0.0",

‎samples/react-chat/src/App.tsx

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -200,23 +200,23 @@ function App() {
200200
});
201201
console.log('set subscribeOnSessionExpiredListener');
202202
currentContext.storage.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(() => {
203-
console.log('call OnSessionExpiredListener ... start');
203+
console.timeLog('call OnSessionExpiredListener ... start')
204204
logoutUIKitHandler();
205205
console.log('OnSessionExpiredListener ... end');
206206
})
207207
////
208208

209209
///
210-
QB.chat.onSessionExpiredListener = (error: any) => {
211-
if (error) {
212-
console.log('onSessionExprideListener - error: ', error);
213-
} else {
214-
console.log('onSessionExprideListener - Ok');
215-
console.log('call QB.chat.onSessionExpiredListener ... start');
216-
logoutUIKitHandler();
217-
console.log(' QB.chat.onSessionExpiredListener ... end');
218-
}
219-
};
210+
// QB.chat.onSessionExpiredListener = (error: any) => {
211+
// if (error) {
212+
// console.log('onSessionExprideListener - error: ', error);
213+
// } else {
214+
// console.log('onSessionExprideListener - Ok');
215+
// console.log('call QB.chat.onSessionExpiredListener ... start');
216+
// logoutUIKitHandler();
217+
// console.log(' QB.chat.onSessionExpiredListener ... end');
218+
// }
219+
// };
220220

221221
///
222222

@@ -247,10 +247,22 @@ function App() {
247247
authKeyOrAppId: QBConfig.credentials.authKey,
248248
authSecret: QBConfig.credentials.authSecret,
249249
accountKey: QBConfig.credentials.accountKey,
250+
config: QBConfig.appConfig,
250251
}
251252
);
252253
remoteDataSource.setInitSDKSuccessed();
253254

255+
QB.chat.onSessionExpiredListener = (error: any) => {
256+
if (error) {
257+
console.log('onSessionExprideListener - error: ', error);
258+
} else {
259+
console.log('onSessionExprideListener - Ok');
260+
console.log('call QB.chat.onSessionExpiredListener ... start');
261+
logoutUIKitHandler();
262+
console.log(' QB.chat.onSessionExpiredListener ... end');
263+
}
264+
};
265+
254266
};
255267

256268

‎samples/react-chat/src/QBconfig.ts

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,12 @@ export const QBConfig = {
77
sessionToken: '',
88
},
99
appConfig: {
10+
maxFileSize: 10 * 1024 * 1024,
11+
sessionTimeOut: 122,
1012
chatProtocol: {
1113
active: 2,
1214
},
13-
debug: {
14-
mode: 0,
15-
file: null,
16-
},
15+
debug: true,
1716
endpoints: {
1817
api: 'api.quickblox.com',
1918
chat: 'chat.quickblox.com',

‎samples/react-chat/src/assets/CustomTheme/CustomTheme.ts

Lines changed: 37 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,41 @@
11
import {DefaultTheme} from "quickblox-react-ui-kit";
22

33
export default class CustomTheme extends DefaultTheme {
4-
divider = (): string => 'var(--divider)';
5-
mainText = (): string => 'var(--main-text)';
6-
// eslint-disable-next-line class-methods-use-this
7-
fontFamily = (): string => 'var(--font-family)';
8-
caption = (): string => 'var(--caption)';
9-
chatInput = (): string => 'var(--chat-input)';
10-
disabledElements = (): string => 'var(--disabled-elements)';
11-
dropdownBackground = (): string => 'var(--dropdown-background)';
12-
error = (): string => 'var(--error)';
13-
fieldBorder = (): string => 'var(--field-border)';
14-
hightlight = (): string => 'var(--hightlight)';
15-
incomingBackground = (): string => 'var(--incoming-background)';
16-
inputElements = (): string => 'var(--input-elements)';
17-
mainBackground = (): string => 'var(--main-background)';
18-
mainElements = (): string => 'var(--main-elements)';
19-
outgoingBackground = (): string => 'var(--outgoing-background)';
20-
secondaryBackground = (): string => 'var(--secondary-background)';
21-
secondaryElements = (): string => 'var(--secondary-elements)';
22-
secondaryText = (): string => 'var(--secondary-text)';
4+
// eslint-disable-next-line class-methods-use-this
5+
divider = (): string => '#E7EFFF';
6+
// eslint-disable-next-line class-methods-use-this
7+
mainText = (): string => '#0B121B';
8+
// eslint-disable-next-line class-methods-use-this'
9+
fontFamily = (): string => 'Roboto';
10+
//
11+
// eslint-disable-next-line class-methods-use-this
12+
caption = (): string => '#90979F';
13+
// eslint-disable-next-line class-methods-use-this
14+
chatInput = (): string => '#F7F9FF';
15+
// eslint-disable-next-line class-methods-use-this
16+
disabledElements = (): string => '#BCC1C5';
17+
// eslint-disable-next-line class-methods-use-this
18+
dropdownBackground = (): string => '#FFFFFF';
19+
// eslint-disable-next-line class-methods-use-this
20+
error = (): string => '#FF3B30';
21+
// eslint-disable-next-line class-methods-use-this
22+
fieldBorder = (): string => '#90979F';
23+
// eslint-disable-next-line class-methods-use-this
24+
hightlight = (): string => '#FFFDC1';
25+
// eslint-disable-next-line class-methods-use-this
26+
incomingBackground = (): string => '#E4E6E8';
27+
// eslint-disable-next-line class-methods-use-this
28+
inputElements = (): string => '#202F3E';
29+
// eslint-disable-next-line class-methods-use-this
30+
mainBackground = (): string => '#FFFFFF';
31+
// eslint-disable-next-line class-methods-use-this
32+
mainElements = (): string => '#3978FC';
33+
// eslint-disable-next-line class-methods-use-this
34+
outgoingBackground = (): string => '#E7EFFF';
35+
// eslint-disable-next-line class-methods-use-this
36+
secondaryBackground = (): string => '#FFFFFF';
37+
// eslint-disable-next-line class-methods-use-this
38+
secondaryElements = (): string => '#202F3E';
39+
// eslint-disable-next-line class-methods-use-this
40+
secondaryText = (): string => '#636D78';
2341
}

‎samples/react-chat/src/layout/Desktop/Desktop.tsx

Lines changed: 0 additions & 146 deletions
This file was deleted.

0 commit comments

Comments
 (0)