vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2025-06-11 18:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merged in feat/prettier (pull request #3)

Browse Source 
adding back semicolons

* adding back semicolons
This commit is contained in:
Juan Allo
2021-02-23 07:02:15 +00:00
parent b63d7ee665
commit 3d538923a9
72 changed files with 1792 additions and 1792 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

4
packages/editor/src/components/canvas/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components'
import styled from 'styled-components';
export const StyledCanvas = styled.div`
height: 100%
width: 100%;
flex: 1;
`
`;

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

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

6
packages/editor/src/components/footer/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components'
import { times } from '../../size'
import styled from 'styled-components';
import { times } from '../../size';
export const StyledFooter = styled.div`
height: ${times(10)};
width: 100%;
border: 1px solid black;
`
`;

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

@ -1,8 +1,8 @@
import React from 'react'
import Footer from '../footer'
import TopBar from '../top-bar'
import Canvas from '../canvas'
import { StyledFrame } from './styled'
import React from 'react';
import Footer from '../footer';
import TopBar from '../top-bar';
import Canvas from '../canvas';
import { StyledFrame } from './styled';
const Frame = (): React.ReactElement => (
<StyledFrame>
@ -10,6 +10,6 @@ const Frame = (): React.ReactElement => (
<Canvas />
<Footer />
</StyledFrame>
)
);
export default Frame
export default Frame;

4
packages/editor/src/components/frame/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components'
import styled from 'styled-components';
export const StyledFrame = styled.div`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
`
`;

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

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

6
packages/editor/src/components/top-bar/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components'
import { times } from '../../size'
import styled from 'styled-components';
import { times } from '../../size';
export const StyledTopBar = styled.div`
height: ${times(10)};
width: 100%;
border: 1px solid black;
`
`;

4
packages/editor/src/index.tsx
View File

@ -1,3 +1,3 @@
import Editor from './components/frame'
import Editor from './components/frame';
export default Editor
export default Editor;

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

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