remove unused packages & fix skewed bg

Author: Vincenius

components/Generator/index.js

@@ -1,5 +1,4 @@
 import React, { useState } from 'react'
-import cn from 'classnames'
 import { Card } from '@material-ui/core'
 import { GitHub } from '@material-ui/icons'
 import Controls from './Controls'
@@ -40,7 +39,7 @@ const Generator = props => {
                 </a>
             </S.Header>
             <S.Container>
-                <TopElement className={cn(active, reversedClass)} options={options}>
+                <TopElement options={options} noBgColor={active === SEPARATORS.SKEWED}>
                     <Controls
                         options={options}
                         setOptions={setOptions}

components/Generator/styled.js

@@ -1,5 +1,4 @@
 import styled, { css } from 'styled-components'
-import _get from 'lodash/get'
 import {
   Card,
   TextareaAutosize,
@@ -54,11 +53,7 @@ const Section = styled.section`
 
 export const Top = styled(Section)`
   color: #fff;
-  background: ${darkGrey};
-
-  &.skewed {
-    background: transparent;
-  }
+  background: ${props => props.noBgColor ? 'transparent' : darkGrey};
 `
 
 export const SkewBg = styled.div`

package-lock.json

@@ -10,8 +10,6 @@
   "dependencies": {
     "@material-ui/core": "^4.9.7",
     "@material-ui/icons": "^4.9.1",
-    "classnames": "^2.2.6",
-    "lodash": "^4.17.15",
     "next": "9.2.2",
     "react": "16.13.0",
     "react-dom": "16.13.0",