diff options
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; -} - | 
