diff --git a/src/common-elements/linkify.tsx b/src/common-elements/linkify.tsx index 24dec735..5bbe77af 100644 --- a/src/common-elements/linkify.tsx +++ b/src/common-elements/linkify.tsx @@ -5,6 +5,10 @@ import styled, { css } from '../styled-components'; import { HistoryService } from '../services'; +export const StyledLink = styled.a` + text-decoration: none; +`; + // tslint:disable-next-line export const linkifyMixin = className => css` ${className} { diff --git a/src/components/ApiInfo/ApiInfo.tsx b/src/components/ApiInfo/ApiInfo.tsx index a16fe870..9b8bf6eb 100644 --- a/src/components/ApiInfo/ApiInfo.tsx +++ b/src/components/ApiInfo/ApiInfo.tsx @@ -1,6 +1,6 @@ import { observer } from 'mobx-react'; import * as React from 'react'; -import { LinkWrap } from '../../../src/components/SearchBox/styled.elements'; +import { StyledLink } from '../../../src/common-elements'; import { AppStore } from '../../services/AppStore'; @@ -39,7 +39,7 @@ export class ApiInfo extends React.Component { const license = (info.license && ( - License: {info.license.name} + License: {info.license.name} )) || null; @@ -48,7 +48,7 @@ export class ApiInfo extends React.Component { (info.contact && info.contact.url && ( - URL: {info.contact.url} + URL: {info.contact.url} )) || null; @@ -58,7 +58,7 @@ export class ApiInfo extends React.Component { info.contact.email && ( {info.contact.name || 'E-mail'}:{' '} - {info.contact.email} + {info.contact.email} )) || null; @@ -66,7 +66,7 @@ export class ApiInfo extends React.Component { const terms = (info.termsOfService && ( - Terms of Service + Terms of Service )) || null; diff --git a/src/components/SearchBox/styled.elements.tsx b/src/components/SearchBox/styled.elements.tsx index 08dadf05..0e24562b 100644 --- a/src/components/SearchBox/styled.elements.tsx +++ b/src/components/SearchBox/styled.elements.tsx @@ -7,10 +7,6 @@ export const SearchWrap = styled.div` padding: 5px 0; `; -export const LinkWrap = styled.a` - text-decoration: none; -`; - export const SearchInput = styled.input.attrs(() => ({ className: 'search-input', }))` diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx index e69b1612..258e3583 100644 --- a/src/components/SideMenu/SideMenu.tsx +++ b/src/components/SideMenu/SideMenu.tsx @@ -1,6 +1,6 @@ import { observer } from 'mobx-react'; import * as React from 'react'; -import { LinkWrap } from '../../../src/components/SearchBox/styled.elements'; +import { StyledLink } from '../../../src/common-elements'; import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar'; @@ -24,9 +24,9 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str > - + © Copyright 2019 OpenText Corp - + );