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

Upgrade to emotion v10

Browse Source 
Summary: React 16 is not compatible with react-emotion 9 (it prints warnings, see also https://github.com/emotion-js/emotion/issues/644). So we should upgrade to 10.

Reviewed By: mweststrate

Differential Revision: D18905889

fbshipit-source-id: c00d2dbbadb1c08544632cb9bfcd63f2b1818a25
This commit is contained in:
Anton Nikolaev
2019-12-11 09:41:32 -08:00
committed by Facebook Github Bot
parent c3dfcbe601
commit c0f902f81a
119 changed files with 977 additions and 1004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/ui/components/Panel.tsx
View File

@@ -8,7 +8,7 @@
*/
import React from 'react';
import styled from 'react-emotion';
import styled from '@emotion/styled';
import FlexColumn from './FlexColumn';
import FlexBox from './FlexBox';
import {colors} from './colors';
@@ -85,16 +85,17 @@ export default class Panel extends React.Component<
collapsable: true,
};
static PanelContainer = styled(FlexColumn)(
(props: {floating?: boolean; collapsed?: boolean}) => ({
flexShrink: 0,
padding: props.floating ? 10 : 0,
borderBottom: props.collapsed ? 'none' : BORDER,
}),
);
static PanelContainer = styled(FlexColumn)<{
floating?: boolean;
collapsed?: boolean;
}>(props => ({
flexShrink: 0,
padding: props.floating ? 10 : 0,
borderBottom: props.collapsed ? 'none' : BORDER,
}));
static PanelHeader = styled(FlexBox)(
(props: {floating?: boolean; padded?: boolean}) => ({
static PanelHeader = styled(FlexBox)<{floating?: boolean; padded?: boolean}>(
props => ({
backgroundColor: '#f6f7f9',
border: props.floating ? BORDER : 'none',
borderBottom: BORDER,
@@ -111,8 +112,8 @@ export default class Panel extends React.Component<
}),
);
static PanelBody = styled(FlexColumn)(
(props: {floating?: boolean; padded?: boolean}) => ({
static PanelBody = styled(FlexColumn)<{floating?: boolean; padded?: boolean}>(
props => ({
backgroundColor: '#fff',
border: props.floating ? BORDER : 'none',
borderBottomLeftRadius: 2,