aboutsummaryrefslogtreecommitdiffstats
path: root/sdnr/wt/odlux/framework/src/components/logo.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'sdnr/wt/odlux/framework/src/components/logo.tsx')
-rw-r--r--sdnr/wt/odlux/framework/src/components/logo.tsx103
1 files changed, 0 insertions, 103 deletions
diff --git a/sdnr/wt/odlux/framework/src/components/logo.tsx b/sdnr/wt/odlux/framework/src/components/logo.tsx
deleted file mode 100644
index f2bb1f575..000000000
--- a/sdnr/wt/odlux/framework/src/components/logo.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * ============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==========================================================================
- */
-/******************************************************************************
- * Copyright 2018 highstreet technologies GmbH
- *
- * 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.
- *****************************************************************************/
-
-import * as React from 'react';
-import { withRouter, RouteComponentProps } from 'react-router-dom';
-
-import { Theme } from '@mui/material/styles'; // infra for styling
-
-
-import { WithStyles } from '@mui/styles';
-import withStyles from '@mui/styles/withStyles';
-import createStyles from '@mui/styles/createStyles';
-
-
-const defaultLogo = require('../assets/icons/ht.Connect.svg');
-
-const styles = (theme: Theme) => createStyles({
- headerLogo: {
- backgroundImage: "url(" + (theme.design && theme.design.url || defaultLogo) + ")",
- backgroundColor: theme.palette.primary.main,
- backgroundRepeat: "no-repeat",
- backgroundSize: "auto " + (theme.design && theme.design.logoHeight || 70) + "px",
- height: theme.design && theme.design.logoHeight || 70,
- width: theme.design ? theme.design.width / theme.design.height * theme.design.logoHeight : 220
- }
-});
-
-type LogoProps = RouteComponentProps<{ id: string }> & WithStyles<typeof styles>;
-interface ILogoState {
- windowWidth: number
-}
-
-class LogoComponent extends React.Component<LogoProps, ILogoState> {
-
- private hideLogoWhenWindowWidthIsLower: number = 800;
-
- constructor(props: LogoProps) {
- super(props);
- this.state = {
- windowWidth: 0
- };
- this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
- }
-
- componentDidMount(): void {
- this.updateWindowDimensions();
- window.addEventListener('resize', this.updateWindowDimensions);
- };
- componentWillUnmount(): void {
- window.removeEventListener('resize', this.updateWindowDimensions);
- };
- updateWindowDimensions(): void {
- this.setState({ windowWidth: window.innerWidth });
- }
-
- render(): JSX.Element {
- let div: JSX.Element = <div />;
- if (this.state.windowWidth >= this.hideLogoWhenWindowWidthIsLower) {
- div = <div className={this.props.classes.headerLogo} />;
- } else {
- console.info([
- "Logo hidden, because browser window width (",
- this.state.windowWidth,
- "px) is lower threshold (",
- this.hideLogoWhenWindowWidthIsLower,
- "px)."].join(''));
- }
- return div;
- }
-}
-
-export const Logo = withStyles(styles)(withRouter(LogoComponent));
-export default Logo;