jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

navbar placeholder

Browse Source 
Reviewed By: elboman

Differential Revision: D47398098

fbshipit-source-id: 6e9518b47292b351153015da233574f7abfd0396
This commit is contained in:
Anton Kastritskiy
2023-07-18 03:52:34 -07:00
committed by Facebook GitHub Bot
parent 2111067d01
commit bdd502d54f
4 changed files with 91 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
desktop/flipper-ui-core/src/sandy-chrome/SandyApp.tsx
View File

@@ -20,6 +20,7 @@ import {Link, styled} from '../ui';
import {theme} from 'flipper-plugin';
import {Logger} from 'flipper-common';
import {Navbar} from './Navbar';
import {LeftRail} from './LeftRail';
import {useStore, useDispatch} from '../utils/useStore';
import {FlipperDevTools} from '../chrome/FlipperDevTools';
@@ -167,45 +168,48 @@ export function SandyApp() {
return (
<RootElement>
<Layout.Bottom>
<Layout.Left>
<Layout.Horizontal>
<LeftRail
toplevelSelection={toplevelSelection}
setToplevelSelection={setToplevelSelection}
/>
<_Sidebar width={250} minWidth={220} maxWidth={800} gutter>
{leftMenuContent && (
<TrackingScope scope={toplevelSelection!}>
{leftMenuContent}
</TrackingScope>
)}
</_Sidebar>
</Layout.Horizontal>
<MainContainer>
{staticView ? (
<TrackingScope
scope={
(staticView as any).displayName ??
staticView.name ??
staticView.constructor?.name ??
'unknown static view'
}>
{staticView === WelcomeScreenStaticView ? (
React.createElement(staticView) /* avoid shadow */
) : (
<ContentContainer>
{React.createElement(staticView, {
logger: logger,
})}
</ContentContainer>
<Layout.Top gap={16}>
<Navbar />
<Layout.Left>
<Layout.Horizontal>
<LeftRail
toplevelSelection={toplevelSelection}
setToplevelSelection={setToplevelSelection}
/>
<_Sidebar width={250} minWidth={220} maxWidth={800} gutter>
{leftMenuContent && (
<TrackingScope scope={toplevelSelection!}>
{leftMenuContent}
</TrackingScope>
)}
</TrackingScope>
) : (
<PluginContainer logger={logger} />
)}
{outOfContentsContainer}
</MainContainer>
</Layout.Left>
</_Sidebar>
</Layout.Horizontal>
<MainContainer>
{staticView ? (
<TrackingScope
scope={
(staticView as any).displayName ??
staticView.name ??
staticView.constructor?.name ??
'unknown static view'
}>
{staticView === WelcomeScreenStaticView ? (
React.createElement(staticView) /* avoid shadow */
) : (
<ContentContainer>
{React.createElement(staticView, {
logger: logger,
})}
</ContentContainer>
)}
</TrackingScope>
) : (
<PluginContainer logger={logger} />
)}
{outOfContentsContainer}
</MainContainer>
</Layout.Left>
</Layout.Top>
<_PortalsManager />
</Layout.Bottom>
</RootElement>
@@ -236,13 +240,14 @@ const outOfContentsContainer = (
const MainContainer = styled(Layout.Container)({
background: theme.backgroundWash,
padding: `${theme.space.large}px ${theme.space.large}px ${theme.space.large}px 0`,
padding: `0 ${theme.space.large}px ${theme.space.large}px 0`,
overflow: 'hidden',
});
const RootElement = styled.div({
display: 'flex',
height: '100%',
background: theme.backgroundWash,
});
RootElement.displayName = 'SandyAppRootElement';