From 7f930fcd5bb3ed2b6c26a3bcd031ea89bac98234 Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@thinkimex.com>
Date: Wed, 27 Mar 2024 08:15:50 -0700
Subject: [PATCH] Product fruit updates.

---
 client/src/App/App.jsx                        |  2 ++
 .../pages/manage/manage.page.component.jsx    | 33 ++++++++++++++++---
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/client/src/App/App.jsx b/client/src/App/App.jsx
index d15af2f2d..2f4583c67 100644
--- a/client/src/App/App.jsx
+++ b/client/src/App/App.jsx
@@ -165,6 +165,8 @@ export function App({
         >     
          <ProductFruits 
           workspaceCode={InstanceRenderMgr({imex:null, rome: null, promanager:"aoJoEifvezYI0Z0P"})}
+          debug
+          
           language="en" user={{
           email: currentUser.email,
           username: currentUser.email,
diff --git a/client/src/pages/manage/manage.page.component.jsx b/client/src/pages/manage/manage.page.component.jsx
index f00fb4a9e..9663d8132 100644
--- a/client/src/pages/manage/manage.page.component.jsx
+++ b/client/src/pages/manage/manage.page.component.jsx
@@ -1,4 +1,4 @@
-import { FloatButton, Layout, Spin } from "antd";
+import { FloatButton, Layout, Spin, Collapse, Button, Space, Tag } from "antd";
 // import preval from "preval.macro";
 import React, { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -200,7 +200,7 @@ const mapDispatchToProps = (dispatch) => ({
 export function Manage({conflict, bodyshop,enableJoyRide,joyRideSteps,setJoyRideFinished}) {
     const {t} = useTranslation();
     const [chatVisible] = useState(false);
-
+const [tours, setTours] = useState([])
 
 
     useEffect(() => {
@@ -526,9 +526,7 @@ export function Manage({conflict, bodyshop,enableJoyRide,joyRideSteps,setJoyRide
                     imex: t('titles.imexonline'),
                     rome: t('titles.romeonline'),
                     promanager: t('titles.promanager'),
-                  })} - ${
-                    import.meta.env.VITE_APP_GIT_SHA_DATE
-                  }`}
+                  })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
                 </div>
                 <div id="noticeable-widget" style={{ marginLeft: '1rem' }} />
               </div>
@@ -536,6 +534,31 @@ export function Manage({conflict, bodyshop,enableJoyRide,joyRideSteps,setJoyRide
                 Disclaimer & Notices
               </Link>
             </div>
+            {InstanceRenderManager({
+              promanager: (
+                <Collapse>
+                  <Collapse.Panel header="DEVELOPMENT ONLY - ProductFruits Tours">
+                    <Space>
+                      <Button
+                        onClick={async () => {
+                          setTours(await window.productFruits.api.tours.getTours());
+                        }}
+                      >
+                        Get Tours
+                      </Button>
+                      {tours.map((tour) => (
+                        <Tag
+                          key={tour.id}
+                          onClick={() => window.productFruits.api.tours.tryStartTour(tour.id)}
+                        >
+                          {tour.name}
+                        </Tag>
+                      ))}
+                    </Space>
+                  </Collapse.Panel>
+                </Collapse>
+              ),
+            })}
           </Footer>
         </Layout>
       </>