feat(web): show error count on generate button

1 files changed, 2 insertions, 9 deletions

diff --git a/language-web/src/main/js/App.tsx b/language-web/src/main/js/App.tsx
index d25ac4d3..2567aa9c 100644
--- a/language-web/src/main/js/App.tsx
+++ b/language-web/src/main/js/App.tsx
@@ -1,15 +1,14 @@
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import MenuIcon from '@mui/icons-material/Menu';
-import PlayArrowIcon from '@mui/icons-material/PlayArrow';
 import React from 'react';
 
 import { EditorArea } from './editor/EditorArea';
 import { EditorButtons } from './editor/EditorButtons';
+import { GenerateButton } from './editor/GenerateButton';
 
 export const App = (): JSX.Element => (
   <Box
@@ -46,13 +45,7 @@ export const App = (): JSX.Element => (
       p={1}
     >
       <EditorButtons />
-      <Button
-        variant="outlined"
-        color="primary"
-        startIcon={<PlayArrowIcon />}
-      >
-        Generate
-      </Button>
+      <GenerateButton />
     </Box>
     <Box
       flexGrow={1}