From be1bc1d409e1d337a364743284aac7dda4e4736a Mon Sep 17 00:00:00 2001
From: maxim <bozzhik@ya.ru>
Date: Tue, 18 Jun 2024 23:51:12 +0300
Subject: [PATCH] add `LiveChat` Global component based on `tawk.to`

https://www.tawk.to/
---
 src/app/layout.tsx                 |  2 ++
 src/components/Global/LiveChat.tsx | 23 +++++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/components/Global/LiveChat.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b0a817f..f626020 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -33,6 +33,7 @@ const SuisseIntl = localFont({
 
 import Header from '#/Global/Header'
 import Footer from '#/Global/Footer'
+import LiveChat from '#/Global/LiveChat'
 
 export const metadata: Metadata = {
   title: 'Санаторий «Удельная» – оздоровление и реабилитация в Подмосковье',
@@ -53,6 +54,7 @@ export default function RootLayout({
           <Footer />
         </div>
       </body>
+      <LiveChat />
     </html>
   )
 }
diff --git a/src/components/Global/LiveChat.tsx b/src/components/Global/LiveChat.tsx
new file mode 100644
index 0000000..bacede7
--- /dev/null
+++ b/src/components/Global/LiveChat.tsx
@@ -0,0 +1,23 @@
+import NextScript from 'next/script'
+
+export default function LiveChat() {
+  return (
+    <>
+      {/* <NextScript src="https://embed.tawk.to/6671d4cc981b6c56477e911b/1i0maeii7" strategy="afterInteractive" /> */}
+
+      <NextScript id="live_chat" strategy="afterInteractive">
+        {`
+            var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+            (function(){
+            var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+            s1.async=true;
+            s1.src='https://embed.tawk.to/6671d4cc981b6c56477e911b/1i0maeii7';
+            s1.charset='UTF-8';
+            s1.setAttribute('crossorigin','*');
+            s0.parentNode.insertBefore(s1,s0);
+            })();
+        `}
+      </NextScript>
+    </>
+  )
+}