Merge pull request AOT-Technologies#2444 from fahad-aot/bugfix/fwf-40…

…35-sidebar-fix-in-preview

bugfix/fwf-4035-Hid sidebar in preview page

forms-flow-web/src/components/App.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React,{useState, useEffect} from "react";
 import PropTypes from "prop-types";
 import { Provider } from "react-redux";
 import { ConnectedRouter } from "connected-react-router";
@@ -12,10 +12,18 @@ import {
   QueryClientProvider,
 } from 'react-query';
 const queryClient = new QueryClient();
+import { HelperServices } from '@formsflow/service';
+
 const App = React.memo((props) => {
   const { store, history, publish, subscribe, getKcInstance } = props;
+  const [isPreviewRoute,setIsPreviewRoute] = useState(false);
+  useEffect(()=> {
+    const location = window.location.pathname;
+    const viewOnlyRoutes = new Set (["view-edit"]);
+    setIsPreviewRoute(() => HelperServices.isViewOnlyRoute(location,viewOnlyRoutes));
+  },[]);
   return (
-    <div className="main-container">
+    <div className={`main-container ${isPreviewRoute && 'm-0'}`}>
       <Helmet>
         {KEYCLOAK_URL ? <link rel="preconnect" href={KEYCLOAK_URL} /> : null}
       </Helmet>

forms-flow-web/src/components/Form/EditForm/FormEdit.js

@@ -1090,6 +1090,7 @@ const EditComponent = () => {
                     )}
                   </div>
                 </Card.Header>
+                <div className="form-edit"> 
                 <Card.Body>
                   <div className="form-builder custom-scroll">
                     {!createDesigns ? (
@@ -1119,6 +1120,7 @@ const EditComponent = () => {
                     )}
                   </div>
                 </Card.Body>
+                </div>
               </Card>
             </div>
             <div