@@ -83,7 +83,14 @@ In our example we show how to authenticate user with login and password.
83
83
84
84
```
85
85
import * as QB from "quickblox/quickblox";
86
- import { QuickBloxUIKitProvider } from 'quickblox-ui-kit-react/dist/index-ui';
86
+ import {
87
+ QuickBloxUIKitProvider,
88
+ qbDataContext,
89
+ QuickBloxUIKitDesktopLayout,
90
+ LoginData,
91
+ AuthorizationData,
92
+ QBDataContextType,
93
+ } from 'quickblox-ui-kit-react/dist/index-ui';
87
94
88
95
var params = { login: "garry", password: "garry5santos" };
89
96
@@ -92,13 +99,29 @@ QB.login(params, function(error, result) {
92
99
} else {
93
100
// Navigate User to the UIKit
94
101
});
102
+
103
+ const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);
104
+ ```
105
+ To order to config quickblox ui kit provider if you use SDK without session token:
106
+ ```
107
+ <QuickBloxUIKitProvider
108
+ maxFileSize={100 * 1000000} //set max size for attachments
109
+ accountData={{ ...QBConfig.credentials }}
110
+ loginData={{
111
+ login: params.login,
112
+ password: params.password,
113
+ }}
114
+ >
115
+ <QuickBloxUIKitDesktopLayout /> // container for DesktopLayout
116
+ </QuickBloxUIKitProvider>
95
117
```
96
- To order to config quickblox ui kit provider
118
+ To order to config quickblox ui kit provider if you use SDK with session token:
97
119
```
98
- <QuickBloxUIKitProvider
99
- maxFileSize={100 * 1000000} //set max size for attachments
100
- >
101
- <Desktop> // container for DesktopLayout
120
+ <QuickBloxUIKitProvider
121
+ maxFileSize={100 * 1000000} //set max size for attachments
122
+ accountData={{ ...QBConfig.credentials }} // sessionToken was used in QBConfig
123
+ >
124
+ <QuickBloxUIKitDesktopLayout /> // container for DesktopLayout
102
125
</QuickBloxUIKitProvider>
103
126
```
104
127
@@ -269,7 +292,7 @@ and specify selected components:
269
292
```
270
293
# Sample
271
294
272
- https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat
295
+ https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-init-sample
273
296
274
297
# License
275
298
[ ] ( #license )
0 commit comments