diff --git a/apps/amakrushi/lang/en.json b/apps/amakrushi/lang/en.json
index 7353959d..46867bde 100644
--- a/apps/amakrushi/lang/en.json
+++ b/apps/amakrushi/lang/en.json
@@ -58,6 +58,7 @@
"message.review_submitted": "Review Submitted!",
"message.didnt_receive": "Didn't receive the OTP?",
"message.resend_again": "Resend again",
+ "message.shareUrl_android_error" : "Share feature coming soon, please download pdf to share",
"message.coming_soon" : "Coming Soon!",
"message.coming_soon_description" : "We are going to launch this feature very soon. Stay tuned!",
"message.dial_description" : "To connect with call centre",
diff --git a/apps/amakrushi/lang/or.json b/apps/amakrushi/lang/or.json
index a70a422b..bcf0309b 100644
--- a/apps/amakrushi/lang/or.json
+++ b/apps/amakrushi/lang/or.json
@@ -59,6 +59,7 @@
"message.wait_minutes": "ଗୋଟିଏ ଥର ପାସୱାର୍ଡ ପଠାଇବା ପୂର୍ବରୁ ଦୟାକରି {countdown} ସେକେଣ୍ଡ ଅପେକ୍ଷା କରନ୍ତୁ |",
"message.resend_again":"ପୁନର୍ବାର ପଠାନ୍ତୁ |",
"message.didnt_receive": "ଗୋଟିଏ ଥର ପାସୱାର୍ଡ ଗ୍ରହଣ କରିନାହାଁନ୍ତି କି?",
+ "message.shareUrl_android_error" : "ଶେୟାର୍ ଫିଚର୍ ଶୀଘ୍ର ଆସୁଛି, ଦୟାକରି ଶେୟାର୍ କରିବାକୁ pdf ଡାଉନଲୋଡ୍ କରନ୍ତୁ",
"message.coming_soon" : "ଶୀଘ୍ର ଆସୁଅଛି!",
"message.coming_soon_description" : "ଆମେ ଖୁବ୍ ଶୀଘ୍ର ଏହି ଫିଚର ଲଞ୍ଚ କରିବାକୁ ଯାଉଛୁ , ଶୁଣୁ ଥାନ୍ତୁ",
"message.dial_description" : "କଲ୍ ସେଣ୍ଟର ସହିତ ସଂଯୋଗ କରିବାକୁ |",
diff --git a/apps/amakrushi/src/assets/icons/speaker.svg b/apps/amakrushi/src/assets/icons/speaker.svg
new file mode 100644
index 00000000..ab6d8da2
--- /dev/null
+++ b/apps/amakrushi/src/assets/icons/speaker.svg
@@ -0,0 +1,10 @@
+
diff --git a/apps/amakrushi/src/components/HistoryPage/index.tsx b/apps/amakrushi/src/components/HistoryPage/index.tsx
index 163c81c2..7e89fdc5 100644
--- a/apps/amakrushi/src/components/HistoryPage/index.tsx
+++ b/apps/amakrushi/src/components/HistoryPage/index.tsx
@@ -135,7 +135,7 @@ const HistoryPage: NextPage = () => {
error.message ===
"Cannot read properties of undefined (reading 'shareUrl')"
) {
- toast.success(`${t('message.coming_soon')}`);
+ toast.success(`${t('message.shareUrl_android_error')}`);
} else toast.error(error.message);
console.error(error);
diff --git a/apps/amakrushi/src/components/HomePage/index.module.css b/apps/amakrushi/src/components/HomePage/index.module.css
index 30236568..170b6df8 100644
--- a/apps/amakrushi/src/components/HomePage/index.module.css
+++ b/apps/amakrushi/src/components/HomePage/index.module.css
@@ -66,6 +66,7 @@
text-align: left;
font-size: 14px;
font-weight: bold;
+ margin-top: 2px;
}
.keyboard{
diff --git a/apps/amakrushi/src/components/HomePage/index.tsx b/apps/amakrushi/src/components/HomePage/index.tsx
index 36717665..3622af45 100644
--- a/apps/amakrushi/src/components/HomePage/index.tsx
+++ b/apps/amakrushi/src/components/HomePage/index.tsx
@@ -4,6 +4,7 @@ import React, {
useContext,
useEffect,
useMemo,
+ useRef,
useState,
} from 'react';
import { NextPage } from 'next';
@@ -46,6 +47,9 @@ const HomePage: NextPage = () => {
const [inputMsg, setInputMsg] = useState('');
const [showExampleMessages, setShowExampleMessages] = useState(false);
const [showChatBox, setShowChatBox] = useState(false);
+ const voiceRecorderRef = useRef(null);
+ const exampleMessagesRef = useRef(null);
+ const chatBoxButton = useRef(null);
// Show chatbox when audio recorder sends input message
useEffect(() => {
@@ -97,14 +101,39 @@ const HomePage: NextPage = () => {
setShowExampleMessages(inputValue.length === 0);
};
+ const handleDocumentClick = useCallback((event: any) => {
+ const target = event.target;
+
+ // Check if clicked outside voiceRecorder and exampleMessages
+ if (
+ //@ts-ignore
+ !voiceRecorderRef.current?.contains(target) &&
+ //@ts-ignore
+ !chatBoxButton.current?.contains(target) &&
+ //@ts-ignore
+ !exampleMessagesRef.current?.contains(target)
+ ) {
+ setShowExampleMessages(false);
+ // setShowChatBox(false);
+ }
+ }, []);
+
+ useEffect(() => {
+ document.addEventListener('click', handleDocumentClick);
+
+ return () => {
+ document.removeEventListener('click', handleDocumentClick);
+ };
+ }, [handleDocumentClick]);
+
if (context?.isDown) {
return