fix: Linter warnings

packages/components/src/Workbench/index.js

@@ -11,10 +11,6 @@ import DraftConfig from './DraftConfig'
 import Json from './Json'
 import Welcome from './Welcome'
 import Measurements from './Measurements'
-import DraftIcon from '@material-ui/icons/Gesture'
-import TestIcon from '@material-ui/icons/DoneAll'
-import MeasurementsIcon from '@material-ui/icons/Height'
-import ExportIcon from '@material-ui/icons/ScreenShare'
 import { FormattedMessage } from 'react-intl'
 import { languages } from '@freesewing/i18n'
 import Button from '@material-ui/core/Button'
@@ -27,13 +23,6 @@ import yaml from 'yaml'
 import Footer from './Footer'
 import sass from './style.scss'
 
-const icons = {
-  draft: <DraftIcon />,
-  sample: <TestIcon />,
-  measurements: <MeasurementsIcon />,
-  xport: <ExportIcon />
-}
-
 const extraTranslations = {}
 
 const Workbench = ({
@@ -86,12 +75,6 @@ const Workbench = ({
 
   // Get config from pattern object
   const config = Pattern.config
-  const links = {
-    draft: <FormattedMessage id="cfp.draftThing" values={{ thing: config.name }} />,
-    sample: <FormattedMessage id="cfp.testThing" values={{ thing: config.name }} />,
-    measurements: <FormattedMessage id="app.measurements" />,
-    xport: <FormattedMessage id="app.export" />
-  }
 
   // Enable debug in Workbench
   defaultGist.settings.debug = true

packages/components/src/Workbench/navbar.js

@@ -1,8 +1,6 @@
 import React from 'react'
 import AppBar from '@material-ui/core/AppBar'
 import Toolbar from '@material-ui/core/Toolbar'
-import Button from '@material-ui/core/Button'
-import IconButton from '@material-ui/core/IconButton'
 import { FormattedMessage } from 'react-intl'
 import Icon from '../Icon'
 import LanguageIcon from '@material-ui/icons/Translate'
@@ -83,7 +81,7 @@ export default function ButtonAppBar(props) {
           <span style={style.spacer} />
           {Object.keys(icons).map((link) => {
             return (
-              <a role="button" href={`#${link}`} className={`navlink ${props.display===link ? 'active' : ''}`} onClick={() => props.setDisplay(link)}>
+              <a key={link} role="button" href={`#${link}`} className={`navlink ${props.display===link ? 'active' : ''}`} onClick={() => props.setDisplay(link)}>
                 {icons[link]}
                 <br />
                 <span className="text">{links[link]}</span>