Add tawk to chat box (#179)

Author: KeenWarrior

package-lock.json

@@ -106,6 +106,7 @@
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",
     "swiper": "^6.3.5",
+    "tawkto-react": "^1.0.11",
     "uuid": "^7.0.3",
     "yup": "^0.28.3"
   },

package.json

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Router } from 'react-router-dom';
 import { createBrowserHistory } from 'history';
 import { create } from 'jss';
@@ -30,6 +30,10 @@ library.add(fab, faEnvelope);
 const history = createBrowserHistory();
 const jss = create({ plugins: [...jssPreset().plugins, rtl()] });
 
+const tawkTo = require('tawkto-react');
+
+const tawkToPropertyId = '5f6b99364704467e89f1b758';
+
 const useStyles = makeStyles(() =>
   createStyles({
     '@global': {
@@ -61,6 +65,10 @@ const useStyles = makeStyles(() =>
 function App() {
   useStyles();
 
+  useEffect(() => {
+    tawkTo(tawkToPropertyId);
+  }, []);
+
   const { settings } = useSettings();
 
   return (