8c8141650a
* Feature: Canvas layer enhancements(DIP) * feedback fixes * fixing build * dip * dip * dip * fixing build * dip * dev fixes * dip * Fixing top bottom resize handles * dip * reposition widget name on top edges. * dip * dip * dip * dip * renaming selectedWidget to lastSelectedWidget * code clean up * Fixing list widget as per grid scale. * Fixing existing specs. * Adding migration test cases. * dip * FIxing proppane in modal. * fixing modal z-indedx. * fix for modal name. * dip * dip * dip * adding test cases for hotkeys. * dip * dip * fixing build * Trying some performance improvements for jests. * 17 mins with runinband lets try without it. * minor bug fixes. * code clean up * save migrated app on fetch. * fixing few cypress tests * fixing cypress tests * fixing cypress tests. * fixing cypress * updated DSL * Addressing code review comments. * test fails * dip * eslint fixes. * fixing debugger cypress tests. * updating latest page version. * updating migration changes to cypress dsl's. * updating chart data fixes for cypress tests. Co-authored-by: Apple <nandan@thinkify.io>
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import React, { memo, useEffect } from "react";
|
|
import styled from "styled-components";
|
|
import ExplorerSidebar from "pages/Editor/Explorer";
|
|
import { PanelStack, Classes } from "@blueprintjs/core";
|
|
import { Colors } from "constants/Colors";
|
|
import * as Sentry from "@sentry/react";
|
|
import PerformanceTracker, {
|
|
PerformanceTransactionName,
|
|
} from "utils/PerformanceTracker";
|
|
import { Layers } from "constants/Layers";
|
|
|
|
const SidebarWrapper = styled.div`
|
|
background-color: ${Colors.MINE_SHAFT};
|
|
padding: 0;
|
|
width: ${(props) => props.theme.sidebarWidth};
|
|
z-index: ${Layers.sideBar};
|
|
|
|
color: ${(props) => props.theme.colors.textOnDarkBG};
|
|
overflow-y: auto;
|
|
& .${Classes.PANEL_STACK} {
|
|
height: 100%;
|
|
.${Classes.PANEL_STACK_VIEW} {
|
|
background: none;
|
|
}
|
|
}
|
|
`;
|
|
|
|
const initialPanel = { component: ExplorerSidebar };
|
|
|
|
export const Sidebar = memo(() => {
|
|
PerformanceTracker.startTracking(PerformanceTransactionName.SIDE_BAR_MOUNT);
|
|
useEffect(() => {
|
|
PerformanceTracker.stopTracking();
|
|
});
|
|
return (
|
|
<SidebarWrapper className="t--sidebar">
|
|
<PanelStack initialPanel={initialPanel} showPanelHeader={false} />
|
|
</SidebarWrapper>
|
|
);
|
|
});
|
|
|
|
Sidebar.displayName = "Sidebar";
|
|
|
|
export default Sentry.withProfiler(Sidebar);
|