chore: sync with 4.x webui

src/components/NoItems/index.js

@@ -4,13 +4,14 @@
  */
 
 import React from 'react';
+import Typography from '@material-ui/core/Typography/index';
+
 import { IProps } from './types';
-import { Wrapper } from './styles';
 
 const NoItems = ({ text }: IProps) => (
-  <Wrapper>
-    <h2>{text}</h2>
-  </Wrapper>
+  <Typography gutterBottom={true} variant={'subtitle1'}>
+    {text}
+  </Typography>
 );
 
 export default NoItems;

src/components/NoItems/styles.js

@@ -1,12 +0,0 @@
-/**
- * @prettier
- * @flow
- */
-
-import styled from 'react-emotion';
-
-export const Wrapper = styled.div`
-  && {
-    margin: 5em 0;
-  }
-`;