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

Use Ant design for buttons if Sandy is enabled

Browse Source 
Summary: The Flipper `Button` component now uses Ant.design under the hood if available. This is detected using context

Reviewed By: cekkaewnumchai

Differential Revision: D23813166

fbshipit-source-id: 489a34d55c0b69d7b5bcd30f4275b89d0bb22c0d
This commit is contained in:
Michel Weststrate
2020-09-22 12:01:46 -07:00
committed by Facebook GitHub Bot
parent b256bc68fa
commit a0d46bbb53
3 changed files with 69 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
desktop/app/src/sandy-chrome/SandyApp.tsx
View File

@@ -18,6 +18,7 @@ import {LeftRail} from './LeftRail';
import {TemporarilyTitlebar} from './TemporarilyTitlebar';
import {registerStartupTime} from '../App';
import {useStore} from '../utils/useStore';
import {SandyContext} from './SandyContext';
export function SandyApp({logger}: {logger: Logger}) {
useEffect(() => {
@@ -31,35 +32,37 @@ export function SandyApp({logger}: {logger: Logger}) {
);
return (
<Layout.Top>
<TemporarilyTitlebar />
<Layout.Left
initialSize={mainMenuVisible ? 348 : undefined}
minSize={200}>
<LeftMenu collapsed={!mainMenuVisible}>
<LeftRail />
{mainMenuVisible && (
<div style={{background: theme.backgroundDefault, width: '100%'}}>
LeftMenu
</div>
)}
</LeftMenu>
<MainContainer>
<Layout.Right initialSize={300} minSize={200}>
<MainContentWrapper>
<ContentContainer>
<TemporarilyContent />
</ContentContainer>
</MainContentWrapper>
<MainContentWrapper>
<ContentContainer>
<RightMenu />
</ContentContainer>
</MainContentWrapper>
</Layout.Right>
</MainContainer>
</Layout.Left>
</Layout.Top>
<SandyContext.Provider value={true}>
<Layout.Top>
<TemporarilyTitlebar />
<Layout.Left
initialSize={mainMenuVisible ? 348 : undefined}
minSize={200}>
<LeftMenu collapsed={!mainMenuVisible}>
<LeftRail />
{mainMenuVisible && (
<div style={{background: theme.backgroundDefault, width: '100%'}}>
LeftMenu
</div>
)}
</LeftMenu>
<MainContainer>
<Layout.Right initialSize={300} minSize={200}>
<MainContentWrapper>
<ContentContainer>
<TemporarilyContent />
</ContentContainer>
</MainContentWrapper>
<MainContentWrapper>
<ContentContainer>
<RightMenu />
</ContentContainer>
</MainContentWrapper>
</Layout.Right>
</MainContainer>
</Layout.Left>
</Layout.Top>
</SandyContext.Provider>
);
}