From d22c3b0c257f5daf5b401988a35ab9ce981a2341 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Fri, 12 Aug 2022 19:54:46 +0200
Subject: refactor(frontend): move from Webpack to Vite

Also overhaulds the building and linting for frontend assets.
---
 subprojects/frontend/src/App.tsx | 33 +++++++++------------------------
 1 file changed, 9 insertions(+), 24 deletions(-)

(limited to 'subprojects/frontend/src/App.tsx')

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 54f92f9a..d3ec63eb 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,26 +1,19 @@
+import MenuIcon from '@mui/icons-material/Menu';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
 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 React from 'react';
 
-import { EditorArea } from './editor/EditorArea';
-import { EditorButtons } from './editor/EditorButtons';
-import { GenerateButton } from './editor/GenerateButton';
+import EditorArea from './editor/EditorArea';
+import EditorButtons from './editor/EditorButtons';
+import GenerateButton from './editor/GenerateButton';
 
-export function App(): JSX.Element {
+export default function App(): JSX.Element {
   return (
-    <Box
-      display="flex"
-      flexDirection="column"
-      sx={{ height: '100vh' }}
-    >
-      <AppBar
-        position="static"
-        color="inherit"
-      >
+    <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}>
+      <AppBar position="static" color="inherit">
         <Toolbar>
           <IconButton
             edge="start"
@@ -30,11 +23,7 @@ export function App(): JSX.Element {
           >
             <MenuIcon />
           </IconButton>
-          <Typography
-            variant="h6"
-            component="h1"
-            flexGrow={1}
-          >
+          <Typography variant="h6" component="h1" flexGrow={1}>
             Refinery
           </Typography>
         </Toolbar>
@@ -48,11 +37,7 @@ export function App(): JSX.Element {
         <EditorButtons />
         <GenerateButton />
       </Box>
-      <Box
-        flexGrow={1}
-        flexShrink={1}
-        sx={{ overflow: 'auto' }}
-      >
+      <Box flexGrow={1} flexShrink={1} sx={{ overflow: 'auto' }}>
         <EditorArea />
       </Box>
     </Box>
-- 
cgit v1.2.3-54-g00ecf