PromucFlow_constructor/app/client/src/pages/Editor/MainContainer.tsx
Nikhil Nandagopal d5ac05caf8
Feature/instrumentation (#708)
* bumped sentry version
modified performance monitor to use a queue internally to make synchronous logging easy
added logging for api pane close / open and various different methods

* added use effect to stop tracking on mount of entity properties

* removed open api tracking

* fixed stop tracking to pop from the end instead of the beginning
added tracking for editor mount and sidebar mount

* added tracking for entity explorer

* moved from app route to sentry app route because passing JSX to app route causes re-renders

* Fixing theme and route change issues.

Co-authored-by: Nikhil Nandagopal <nikhil@appsmith.com>
Co-authored-by: Satbir Singh <satbir121@gmail.com>
2020-09-24 21:35:18 +05:30

39 lines
1.0 KiB
TypeScript

import React from "react";
import EditorsRouter from "./routes";
import WidgetsEditor from "./WidgetsEditor";
import styled from "styled-components";
import Sidebar from "components/editorComponents/Sidebar";
import { Route, Switch } from "react-router";
import { BUILDER_URL } from "constants/routes";
import * as Sentry from "@sentry/react";
const SentryRoute = Sentry.withSentryRouting(Route);
const Container = styled.div`
display: flex;
height: calc(100vh - ${props => props.theme.headerHeight});
`;
const EditorContainer = styled.div`
position: relative;
width: calc(100vw - ${props => props.theme.sidebarWidth});
`;
const MainContainer = () => {
return (
<Container>
<Sidebar />
<EditorContainer>
<Switch>
<SentryRoute exact path={BUILDER_URL} component={WidgetsEditor} />
<SentryRoute component={EditorsRouter} />
</Switch>
</EditorContainer>
</Container>
);
};
MainContainer.displayName = "MainContainer";
export default MainContainer;