vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-22 06:37:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix jslint

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2021-02-16 22:01:25 -08:00
parent 8c7b2c810b
commit 2692f58aad
6 changed files with 35 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/editor/src/components/canvas/index.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { StyledCanvas } from './styled'; import { StyledCanvas } from './styled';
const Canvas = () => ( const Canvas = (): React.ReactElement => (
<StyledCanvas>canvas</StyledCanvas> <StyledCanvas>canvas</StyledCanvas>
); );

2
packages/editor/src/components/footer/index.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { StyledFooter } from './styled'; import { StyledFooter } from './styled';
const Footer = () => ( const Footer = (): React.ReactElement => (
<StyledFooter>footer</StyledFooter> <StyledFooter>footer</StyledFooter>
); );

2
packages/editor/src/components/frame/index.tsx
View File

@ -4,7 +4,7 @@ import TopBar from '../top-bar';
import Canvas from '../canvas'; import Canvas from '../canvas';
import { StyledFrame } from './styled'; import { StyledFrame } from './styled';
const Frame = () => ( const Frame = (): React.ReactElement => (
<StyledFrame> <StyledFrame>
<TopBar /> <TopBar />
<Canvas /> <Canvas />

2
packages/editor/src/components/top-bar/index.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { StyledTopBar } from './styled' import { StyledTopBar } from './styled'
const TopBar = () => ( const TopBar = ():React.ReactElement => (
<StyledTopBar>top bar</StyledTopBar> <StyledTopBar>top bar</StyledTopBar>
); );

3
packages/editor/src/size.ts
View File

@ -1,3 +1,4 @@
const unit = 4; // pixels const unit = 4; // pixels
export const XS = '4px'; export const XS = '4px';
@ -6,4 +7,4 @@ export const M = '16px';
export const L = '24px'; export const L = '24px';
export const XL = '24px'; export const XL = '24px';
export const times = (n: number) => `${unit * n}px`; export const times = (n: number):string => `${unit * n}px`;

65
packages/webapp/src/components/layout/header/index.tsx
View File

@ -11,49 +11,43 @@ interface HeaderProps {
type: 'only-signup' | 'only-signin' | 'none'; type: 'only-signup' | 'only-signin' | 'none';
} }
class Header extends React.Component<HeaderProps, HeaderProps> { export const Header = ({ type }: HeaderProps): React.ReactElement => {
constructor(props: HeaderProps) {
super(props);
this.state = { type: props.type };
}
render(): React.ReactElement {
let signUpButton;
let signInButton;
let text;
const pageType = this.state.type; let signUpButton;
if (pageType === 'only-signup') { let text;
text = <span className="header-area-content-span"><span><FormattedMessage id="header.donthaveaccount" defaultMessage="Don't have an account ?" /></span></span>; let signInButton;
signUpButton = <SignUpButton className="header-area-right2" />; if (type === 'only-signup') {
} else if (pageType === 'only-signin') { text = <span className="header-area-content-span"><span><FormattedMessage id="header.donthaveaccount" defaultMessage="Don't have an account ?" /></span></span>;
text = <span className="header-area-content-span"><span><FormattedMessage id="header.haveaccount" defaultMessage="Already have an account?" /></span></span>; signUpButton = <SignUpButton className="header-area-right2" />;
signUpButton = <SignInButton className="header-area-right2" />; } else if (type === 'only-signin') {
} else if (pageType === 'none') { text = <span className="header-area-content-span"><span><FormattedMessage id="header.haveaccount" defaultMessage="Already have an account?" /></span></span>;
text = ''; signUpButton = <SignInButton className="header-area-right2" />;
signUpButton = ''; } else if (type === 'none') {
} else { text = '';
signUpButton = <SignUpButton className="header-area-right2" /> signUpButton = '';
signInButton = <SignInButton className="header-area-right2" />; } else {
} signUpButton = <SignUpButton className="header-area-right2" />
signInButton = <SignInButton className="header-area-right2" />;
return (
<StyledNav>
<StyledDiv>
<Logo><Link to="/c/login" className="header-logo"><img src={String(logo)} alt="logo" /></Link></Logo>
{text}
{signUpButton}
{signInButton}
</StyledDiv>
</StyledNav>
)
} }
return (
<StyledNav>
<StyledDiv>
<Logo><Link to="/c/login" className="header-logo"><img src={String(logo)} alt="logo" /></Link></Logo>
{text}
{signUpButton}
{signInButton}
</StyledDiv>
</StyledNav>
)
} }
interface ButtonProps { interface ButtonProps {
className?: string; className?: string;
} }
const SignInButton = (props: ButtonProps): React.ReactElement => { export const SignInButton = (props: ButtonProps): React.ReactElement => {
return ( return (
<span className={`${props.className}`}> <span className={`${props.className}`}>
<Button color="primary" size="medium" variant="outlined" component={Link} to="/c/login"><FormattedMessage id="login.signin" defaultMessage="Sign In" /></Button> <Button color="primary" size="medium" variant="outlined" component={Link} to="/c/login"><FormattedMessage id="login.signin" defaultMessage="Sign In" /></Button>
@ -67,5 +61,4 @@ const SignUpButton = (props: ButtonProps): React.ReactElement => {
</span>); </span>);
} }
export { SignInButton, SignUpButton };
export default Header; export default Header;