diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-02-03 16:37:43 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-02-03 16:37:43 +0300 |
commit | cc6c8e9109f1807ce48b061fa497535ab9f674e8 (patch) | |
tree | 0a80624d621f4d85b44584ecf3842ff753cc3d2d /src/lib/components/Window | |
parent | 989173ea6e39ac27893f3cc5efba043ebda9df67 (diff) | |
download | react-benzin-cc6c8e9109f1807ce48b061fa497535ab9f674e8.tar.gz |
feat: change src structure
Diffstat (limited to 'src/lib/components/Window')
-rw-r--r-- | src/lib/components/Window/Window.tsx | 61 | ||||
-rw-r--r-- | src/lib/components/Window/WindowSurface.tsx | 44 | ||||
-rw-r--r-- | src/lib/components/Window/types.ts | 11 |
3 files changed, 0 insertions, 116 deletions
diff --git a/src/lib/components/Window/Window.tsx b/src/lib/components/Window/Window.tsx deleted file mode 100644 index ea8e264..0000000 --- a/src/lib/components/Window/Window.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react'; - -import { Typography, Divider, makeStyles } from '@material-ui/core'; - -import WindowSurface from './WindowSurface'; -import { SurfaceSize, SurfacePosition } from './types'; - - -interface PropTypes { - type: 'primary' | 'secondary' | 'mono'; - name?: string; -} - - -const useStyles = makeStyles((theme: any) => ({ - header: { - padding: theme.spacing(1, 0, 1, 2), - background: theme.palette.background.elevation2, - }, -})); - - -const Window: React.FC<PropTypes> = ({ type, name, children }) => { - const classes = useStyles(); - - const size: SurfaceSize = { - height: '85vh', - }; - - const position: SurfacePosition = { - bottom: '3vh', - }; - - if (type === 'primary') { - size.width = '63vw'; - position.left = '2vw'; - } else if (type === 'secondary') { - size.width = '31vw'; - position.right = '2vw'; - } else if (type === 'mono') { - position.left = '2vw'; - position.right = '2vw'; - } - - return ( - <WindowSurface - size={size} - position={position} - > - {name && - <div> - <Typography variant="h5" className={classes.header}>{name}</Typography> - <Divider /> - </div> - } - {children} - </WindowSurface> - ); -}; - -export default Window; diff --git a/src/lib/components/Window/WindowSurface.tsx b/src/lib/components/Window/WindowSurface.tsx deleted file mode 100644 index 701a767..0000000 --- a/src/lib/components/Window/WindowSurface.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import React from 'react'; - -import { Paper, makeStyles } from '@material-ui/core'; - -import { SurfaceSize, SurfacePosition } from './types'; - - -interface PropTypes { - size: SurfaceSize; - position: SurfacePosition; -} - - -const useStyles = makeStyles((theme: any) => ({ - surface: { - position: 'absolute', - display: 'flex', - flexDirection: 'column', - overflowY: 'auto', - scrollbarColor: `${theme.palette.secondary.dark} ${theme.palette.secondary.light}`, - - '& a.MuiTypography-root': { - color: theme.palette.primary.light, - }, - } -})); - - -const WindowSurface: React.FC<PropTypes> = ({ size, position, children }) => { - const classes = useStyles(); - - return ( - <Paper - variant="outlined" - style={{...size, ...position}} - className={classes.surface} - > - {children} - </Paper> - ) -}; - - -export default WindowSurface; diff --git a/src/lib/components/Window/types.ts b/src/lib/components/Window/types.ts deleted file mode 100644 index 9e18fe3..0000000 --- a/src/lib/components/Window/types.ts +++ /dev/null @@ -1,11 +0,0 @@ -export interface SurfaceSize { - height: string; - width?: string; -} - -export interface SurfacePosition { - bottom: string; - left?: string; - right?: string; -} - |