ui kit react sample up v1.0.7

QuickBlox · Sep 13, 2023 · ee28149 · ee28149
1 parent f6231ca
commit ee28149
Show file tree

Hide file tree

Showing 27 changed files with 130 additions and 253 deletions.
diff --git a/samples/react-chat-ui-kit-demo-app/README.md b/samples/react-chat-ui-kit-demo-app/README.md
@@ -25,7 +25,7 @@ This is a code sample for [QuickBlox](http://quickblox.com/) platform. It is a g
 The minimum requirements for QuickBlox UIKit for React sample are:
 
 - JS QuickBlox SDK v2.15.5
-- QuickBlox React UIKit library v0.2.2
+- QuickBlox React UIKit library v0.2.3
 - React JS v.18.0
 - TypeScript v.4.9.3
 

diff --git a/samples/react-chat-ui-kit-demo-app/package-lock.json b/samples/react-chat-ui-kit-demo-app/package-lock.json
diff --git a/samples/react-chat-ui-kit-demo-app/package.json b/samples/react-chat-ui-kit-demo-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-chat",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.11.0",
@@ -11,7 +11,7 @@
     "@types/node": "^16.18.28",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
-    "quickblox-react-ui-kit": "^0.2.2",
+    "quickblox-react-ui-kit": "^0.2.3",
     "node-sass": "^8.0.0",
     "quickblox": "^2.15.5",
     "react": "^17.0.0 || ^18.0.0",

diff --git a/samples/react-chat-ui-kit-demo-app/src/App.scss b/samples/react-chat-ui-kit-demo-app/src/App.scss
@@ -7,4 +7,11 @@
   display: flex;
   flex-flow: row nowrap;
   gap: 10px;
-}
+}
+
+body{
+  justify-content: center;
+  align-content: center;
+  width: 100%;
+  max-width: 100%;
+}
diff --git a/samples/react-chat-ui-kit-demo-app/src/QBconfig.ts b/samples/react-chat-ui-kit-demo-app/src/QBconfig.ts
@@ -1,9 +1,9 @@
 export const QBConfig = {
     credentials: {
         appId: -1,
+        accountKey: '',
         authKey: '',
         authSecret: '',
-        accountKey: '',
         sessionToken: '',
     },
     configAIApi: {

diff --git a/samples/react-chat-ui-kit-demo-app/src/index.scss b/samples/react-chat-ui-kit-demo-app/src/index.scss
@@ -0,0 +1 @@
+
diff --git a/samples/react-chat-ui-kit-demo-app/src/layout/Auth/Auth.tsx b/samples/react-chat-ui-kit-demo-app/src/layout/Auth/Auth.tsx
@@ -56,9 +56,9 @@ const Auth = ({children} : AuthProps) => {
             </div>
             <div className="login__footer">
                 <div className="footer__logo_wrap">
-                    <p>Sample React Chat UIKit DemoApp  v1.0.6</p>
+                    <p>Sample React Chat UIKit DemoApp  v1.0.7</p>
                     <br />
-                    <p>React Chat UIKit v0.2.1</p>
+                    <p>React Chat UIKit v0.2.3</p>
                     <br />
                     <p><Copyright /></p>
                 </div>

diff --git a/samples/react-chat-ui-kit-demo-app/tsconfig.json b/samples/react-chat-ui-kit-demo-app/tsconfig.json
@@ -22,7 +22,6 @@
   },
   "include": [
     "src",
-    ,
     "node_modules/quickblox-react-ui-kit/global.d.ts"
   ]
 }
diff --git a/samples/react-chat-ui-kit-init-sample/package-lock.json b/samples/react-chat-ui-kit-init-sample/package-lock.json
diff --git a/samples/react-chat-ui-kit-init-sample/package.json b/samples/react-chat-ui-kit-init-sample/package.json
@@ -10,7 +10,7 @@
     "@types/node": "^16.18.37",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
-    "quickblox-react-ui-kit": "^0.2.2",
+    "quickblox-react-ui-kit": "^0.2.3",
     "quickblox": "^2.15.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/samples/react-chat-ui-kit-init-sample/src/App.css b/samples/react-chat-ui-kit-init-sample/src/App.css
@@ -1,38 +1,6 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+body{
+    justify-content: center;
+    align-content: center;
+    width: 100%;
+    max-width: 100%;
 }
diff --git a/samples/react-chat-ui-kit-init-sample/src/App.tsx b/samples/react-chat-ui-kit-init-sample/src/App.tsx
@@ -94,6 +94,7 @@ function App() {
               login: currentUser.login,
               password: currentUser.password,
             }}
+            qbConfig={{...QBConfig}}
         >
           <div className="App">
             {

diff --git a/samples/react-chat-ui-kit-init-sample/src/QBconfig.ts b/samples/react-chat-ui-kit-init-sample/src/QBconfig.ts
@@ -1,9 +1,9 @@
 export const QBConfig = {
     credentials: {
         appId: -1,
+        accountKey: '',
         authKey: '',
         authSecret: '',
-        accountKey: '',
         sessionToken: '',
     },
     configAIApi: {

diff --git a/samples/react-chat-ui-kit-init-sample/src/index.css b/samples/react-chat-ui-kit-init-sample/src/index.css
@@ -1,13 +1 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,6 @@ @@
       },
       "include": [
         "src",
-        ,
         "node_modules/quickblox-react-ui-kit/global.d.ts"
       ]
     }