05f190c102
# New Feature: Entity Explorer - Entities are actions (apis and queries), datasources, pages, and widgets - With this new feature, all entities in the application will be available to view in the new entity explorer sidebar - All existing application features from the api sidebar, query sidebar, datasource sidebar and pages sidebar now are avialable on the entity explorer sidebar - Users are now able to quickly switch to any entity in the application from the entity explorer sidebar. - Users can also search all entities in the application from the new sidebar. Use cmd + f or ctrl + f to focus on the search input - Users can rename entities from the new sidebar - Users can also perform contextual actions on these entities like set a page as home page, copy/move actions, delete entity, etc from the context menu available alongside the entities in the sidebar - Users can view the properties of the entities in the sidebar, as well as copy bindings to use in the application.
32 lines
695 B
TypeScript
32 lines
695 B
TypeScript
import React from "react";
|
|
import EditorsRouter from "./routes";
|
|
import Navbar from "./Navbar";
|
|
import WidgetsEditor from "./WidgetsEditor";
|
|
import styled from "styled-components";
|
|
|
|
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>
|
|
<Navbar />
|
|
<EditorContainer>
|
|
<EditorsRouter />
|
|
<WidgetsEditor />
|
|
</EditorContainer>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
MainContainer.displayName = "MainContainer";
|
|
|
|
export default MainContainer;
|