From 99ec772d64515d5e1f0d27c4549af36fd37a38af Mon Sep 17 00:00:00 2001
From: RaktimaNXG <raktima.c@nxglabs.com>
Date: Mon, 2 Sep 2024 21:01:44 +0530
Subject: [PATCH] feat: embed demo video to create public profile

---
 apps/OpenSign/src/pages/UserProfile.js        |  8 +++----
 .../src/primitives/TourContentWithBtn.js      | 23 +++++++++++++++----
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/apps/OpenSign/src/pages/UserProfile.js b/apps/OpenSign/src/pages/UserProfile.js
index 541a45418..94b4c5f25 100644
--- a/apps/OpenSign/src/pages/UserProfile.js
+++ b/apps/OpenSign/src/pages/UserProfile.js
@@ -73,14 +73,14 @@ function UserProfile() {
     getUserDetail();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   const getUserDetail = async () => {
     setIsLoader(true);
     const extClass = localStorage.getItem("Extand_Class");
     const jsonSender = JSON.parse(extClass);
-
     const tourstatuss = jsonSender[0]?.TourStatus && jsonSender[0].TourStatus;
-    if (tourstatuss && tourstatuss.length > 0) {
+    if (!isEnableSubscription) {
+      setIsProfileTour(true);
+    } else if (tourstatuss && tourstatuss.length > 0) {
       setTourStatus(tourstatuss);
       const checkTourRecipients = tourstatuss.filter(
         (data) => data.profileTour
@@ -88,8 +88,6 @@ function UserProfile() {
       if (checkTourRecipients && checkTourRecipients.length > 0) {
         setIsProfileTour(checkTourRecipients[0]?.profileTour);
       }
-    } else {
-      setIsProfileTour(false);
     }
     const HeaderDocId = jsonSender[0]?.HeaderDocId;
     if (isEnableSubscription) {
diff --git a/apps/OpenSign/src/primitives/TourContentWithBtn.js b/apps/OpenSign/src/primitives/TourContentWithBtn.js
index 74eae9812..e93bd3e3b 100644
--- a/apps/OpenSign/src/primitives/TourContentWithBtn.js
+++ b/apps/OpenSign/src/primitives/TourContentWithBtn.js
@@ -24,11 +24,24 @@ export default function TourContentWithBtn({
         </div>
       )}
       {video && (
-        <div className="flex items-center justify-center my-[10px] border-[1px] border-gray-400 rounded-sm">
-          <video autoPlay loop muted playsInline>
-            <source className="w-[100%]" src={video} type="video/mp4" />
-          </video>
-        </div>
+        <>
+          <a
+            className="cursor-pointer underline text-blue-700"
+            target="_blank"
+            rel="noreferrer"
+            href="https://www.youtube.com/embed/aGjaMfm7Gqo?si=2Ul0nUlFovlVoZ1U"
+          >
+            Open in new tab
+          </a>
+          <div className="flex items-center justify-center my-[10px] border-[1px] border-gray-400 rounded-sm">
+            <iframe
+              src="https://www.youtube.com/embed/aGjaMfm7Gqo?si=2Ul0nUlFovlVoZ1U"
+              title="YouTube video player"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+          </div>
+        </>
       )}
 
       <label className="flex items-center justify-center mb-0">