35e66360e2
* fix merge conflicts of sumanthyedoti:fix/entity-items-hover * remove unused import Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro.local>
44 lines
1.2 KiB
TypeScript
44 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";
|
|
|
|
const SidebarWrapper = styled.div`
|
|
background-color: ${Colors.MINE_SHAFT};
|
|
padding: 0;
|
|
width: ${(props) => props.theme.sidebarWidth};
|
|
z-index: 3;
|
|
|
|
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);
|