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.
33 lines
843 B
TypeScript
33 lines
843 B
TypeScript
import React, { memo } from "react";
|
|
import { Switch, Route } from "react-router";
|
|
import styled from "styled-components";
|
|
import { WIDGETS_URL } from "constants/routes";
|
|
import WidgetSidebar from "pages/Editor/WidgetSidebar";
|
|
import ExplorerSidebar from "pages/Editor/Explorer";
|
|
|
|
const SidebarWrapper = styled.div`
|
|
padding: 0px 0 0 6px;
|
|
color: ${props => props.theme.colors.textOnDarkBG};
|
|
overflow-y: auto;
|
|
`;
|
|
|
|
export const Sidebar = memo(() => {
|
|
return (
|
|
<SidebarWrapper className="t--sidebar">
|
|
<Switch>
|
|
<Route
|
|
exact
|
|
path={WIDGETS_URL()}
|
|
component={WidgetSidebar}
|
|
name={"WidgetSidebar"}
|
|
/>
|
|
<Route component={ExplorerSidebar} name={"ExplorerSidebar"} />
|
|
</Switch>
|
|
</SidebarWrapper>
|
|
);
|
|
});
|
|
|
|
Sidebar.displayName = "Sidebar";
|
|
|
|
export default Sidebar;
|