Improve support request details import form

Summary:
Created as standard layout that can be used for both the import and export form

Standardized components used, so that we work towards a Design Framework that is consistent. Took inspiration from some existing plugins.

Also fixed weird sidebar transparency.

Reviewed By: passy

Differential Revision: D18504078

fbshipit-source-id: 7649abf7aa3eba8ba635337a41274bba93738e81
This commit is contained in:
Michel Weststrate
2019-11-18 02:18:04 -08:00
committed by Facebook Github Bot
parent 9f7be13e39
commit f22e373136
9 changed files with 171 additions and 21 deletions

View File

@@ -283,7 +283,6 @@ class MainSidebar extends PureComponent<Props, State> {
staticView,
selectPlugin,
setStaticView,
windowIsFocused,
numNotifications,
uninitializedClients,
} = this.props;
@@ -291,12 +290,7 @@ class MainSidebar extends PureComponent<Props, State> {
const client: Client | undefined = getClientById(clients, selectedApp);
return (
<Sidebar
position="left"
width={200}
backgroundColor={
process.platform === 'darwin' && windowIsFocused ? 'transparent' : ''
}>
<Sidebar position="left" width={200} backgroundColor={colors.light02}>
<Plugins>
{selectedDevice ? (
<>
@@ -451,18 +445,6 @@ class MainSidebar extends PureComponent<Props, State> {
const {staticView, setStaticView} = this.props;
return (
<>
<ListItem
style={{
fontSize: 9,
lineHeight: '11px',
color: colors.light30,
wordBreak: 'break-all',
paddingBottom: '10px',
}}>
Snapshot imported from:
<br />
{selectedDevice.source}
</ListItem>
{this.state.showSupportForm &&
(selectedDevice as ArchivedDevice).supportRequestDetails && (
<ListItem
@@ -562,7 +544,7 @@ class MainSidebar extends PureComponent<Props, State> {
color: colors.light30,
fontStyle: 'italic',
}}>
star your favorite plugins!
Star your favorite plugins!
</div>
</ListItem>
) : (