diff options
Diffstat (limited to 'sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx')
-rw-r--r-- | sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx | 56 |
1 files changed, 28 insertions, 28 deletions
diff --git a/sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx b/sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx index 9627a749b..378d48592 100644 --- a/sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx +++ b/sdnr/wt/odlux/framework/src/components/material-ui/panel.tsx @@ -1,20 +1,20 @@ -/** - * ============LICENSE_START======================================================================== - * ONAP : ccsdk feature sdnr wt odlux - * ================================================================================================= - * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved. - * ================================================================================================= - * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except - * in compliance with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under the License - * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express - * or implied. See the License for the specific language governing permissions and limitations under - * the License. - * ============LICENSE_END========================================================================== - */ +/**
+ * ============LICENSE_START========================================================================
+ * ONAP : ccsdk feature sdnr wt odlux
+ * =================================================================================================
+ * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
+ * =================================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License
+ * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+ * or implied. See the License for the specific language governing permissions and limitations under
+ * the License.
+ * ============LICENSE_END==========================================================================
+ */
import * as React from 'react';
import { withStyles, Theme, WithStyles, createStyles } from '@material-ui/core/styles';
@@ -32,8 +32,8 @@ const styles = (theme: Theme) => createStyles({ detail: {
// background: theme.palette.background.paper,
// color: theme.palette.text.primary,
- position: "relative",
- display: 'flex',
+ position: "relative",
+ display: 'flex',
flexDirection: 'column'
},
text: {
@@ -53,18 +53,18 @@ type PanalProps = WithStyles<typeof styles> & { const PanelComponent: React.SFC<PanalProps> = (props) => {
const { classes, activePanel, onToggle } = props;
return (
- <ExpansionPanel className={ classes.accordion } expanded={ activePanel === props.panelId } onChange={ () => onToggle(props.panelId) } >
- <ExpansionPanelSummary expandIcon={ <ExpandMoreIcon /> }>
- <Typography className={ classes.text } >{ props.title }</Typography>
+ <ExpansionPanel className={classes.accordion} expanded={activePanel === props.panelId} onChange={() => onToggle(props.panelId)} >
+ <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
+ <Typography className={classes.text} >{props.title}</Typography>
</ExpansionPanelSummary>
- <ExpansionPanelDetails className={ classes.detail }>
- { props.children }
+ <ExpansionPanelDetails className={classes.detail}>
+ {props.children}
</ExpansionPanelDetails>
- { props.customActionButtons
+ {props.customActionButtons
? <ExpansionPanelActions>
- { props.customActionButtons }
- </ExpansionPanelActions>
- : null }
+ {props.customActionButtons}
+ </ExpansionPanelActions>
+ : null}
</ExpansionPanel>
);
};
|