react-chat v1.0.2

Author: Artem-K-Koltunov

samples/react-chat/src/App.tsx

@@ -204,21 +204,6 @@ function App() {
                     logoutUIKitHandler();
                     console.log('OnSessionExpiredListener ... end');
                 })
-                ////
-
-                ///
-                // QB.chat.onSessionExpiredListener = (error: any) => {
-                //     if (error) {
-                //         console.log('onSessionExprideListener - error: ',  error);
-                //     } else {
-                //         console.log('onSessionExprideListener - Ok');
-                //         console.log('call  QB.chat.onSessionExpiredListener  ... start');
-                //         logoutUIKitHandler();
-                //         console.log(' QB.chat.onSessionExpiredListener  ... end');
-                //     }
-                // };
-
-                ///
 
                 setAuthorized(true);
                 document.documentElement.setAttribute('data-theme', theme);
@@ -326,7 +311,8 @@ function App() {
                                           clickHandler = { logoutUIKitHandler }
                                       />
                                   </div>
-                                  <QuickBloxUIKitDesktopLayout theme={new CustomTheme()}  />
+                                  {/*<QuickBloxUIKitDesktopLayout theme={new CustomTheme()}  />*/}
+                                  <QuickBloxUIKitDesktopLayout   />
                               </div>
                           </div>
                           :

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

@@ -1,41 +1,23 @@
 import {DefaultTheme} from "quickblox-react-ui-kit";
 
 export default class CustomTheme extends DefaultTheme {
-    // eslint-disable-next-line class-methods-use-this
     divider = (): string => '#E7EFFF';
-    // eslint-disable-next-line class-methods-use-this
     mainText = (): string => '#0B121B';
-    // eslint-disable-next-line class-methods-use-this'
     fontFamily = (): string => 'Roboto';
     //
-    // eslint-disable-next-line class-methods-use-this
     caption = (): string => '#90979F';
-    // eslint-disable-next-line class-methods-use-this
     chatInput = (): string => '#F7F9FF';
-    // eslint-disable-next-line class-methods-use-this
     disabledElements = (): string => '#BCC1C5';
-    // eslint-disable-next-line class-methods-use-this
     dropdownBackground = (): string => '#FFFFFF';
-    // eslint-disable-next-line class-methods-use-this
     error = (): string => '#FF3B30';
-    // eslint-disable-next-line class-methods-use-this
     fieldBorder = (): string => '#90979F';
-    // eslint-disable-next-line class-methods-use-this
     hightlight = (): string => '#FFFDC1';
-    // eslint-disable-next-line class-methods-use-this
     incomingBackground = (): string => '#E4E6E8';
-    // eslint-disable-next-line class-methods-use-this
     inputElements = (): string => '#202F3E';
-    // eslint-disable-next-line class-methods-use-this
     mainBackground = (): string => '#FFFFFF';
-    // eslint-disable-next-line class-methods-use-this
     mainElements = (): string => '#3978FC';
-    // eslint-disable-next-line class-methods-use-this
     outgoingBackground = (): string => '#E7EFFF';
-    // eslint-disable-next-line class-methods-use-this
     secondaryBackground = (): string => '#FFFFFF';
-    // eslint-disable-next-line class-methods-use-this
     secondaryElements = (): string => '#202F3E';
-    // eslint-disable-next-line class-methods-use-this
     secondaryText = (): string => '#636D78';
 }