Added Quick Entry (quick and dirty addition)

src/GarageApp/App.tsx

@@ -11,6 +11,7 @@ import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 
+import QuickEntryCard from "./modules/QuickEntryCard";
 import YourVehicleList from "./modules/YourVehicles";
 import MenuLanguages from "./modules/MenuLanguages";
 import StatisticsView from "./modules/StatisticsView"
@@ -21,9 +22,8 @@ export function App() {
     <div className="app">
       <AppBar position="static">
       </AppBar>
-      <Box>
+      <QuickEntryCard />
-        <StatisticsView />
+      <StatisticsView />
-      </Box>
       <YourVehicleList></YourVehicleList>
     </div>
   );

src/GarageApp/modules/QuickEntryCard.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { useTranslation, withTranslation, Trans } from 'react-i18next';
+import Paper from '@mui/material/Paper'
+import Grid from '@mui/material/Grid'
+import Container from '@mui/material/Container'
+import Button from '@mui/material/Button'
+import Upload from './icons/Upload';
+
+export default function QuickEntryCard(){
+  const { t, i18n } = useTranslation();
+  const TL = t('quickentry').split('|')
+  const quickentryTL = TL[1]
+  return (
+    <Container>
+      <Paper>
+        <div>
+          <Grid container spacing={2}>
+            <Grid size={4}>
+              <h1>{quickentryTL}</h1>
+            </Grid>
+            <Grid size={2}>
+              <Button variant="contained" startIcon={<Upload />}>New Entry</Button>
+            </Grid>
+          </Grid>
+          <p>{t ('quickentrydesc')}</p>
+        </div>
+      </Paper>
+    </Container>
+  )
+}

src/GarageApp/modules/StatisticsView.tsx

@@ -132,7 +132,9 @@ export default function StatisticsView() {
 
   return (
   <Container>
+  <Box>
     <Paper>
+      <Container>
       <Grid container spacing={2} sx={{alignItems: "center",justifyContent: "space-between"}}>
         <Grid size="grow" sx={{justifyContent: "flex-start"}}>
           <h1>
@@ -159,7 +161,9 @@ export default function StatisticsView() {
 	  </ul>
 	</Grid>
       </Grid>
+      </Container>
     </Paper>
+  </Box>  
   </Container>
   );
 }

src/GarageApp/modules/icons/Upload.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { SVGProps } from 'react';
+
+export default function Upload(props: SVGProps<SVGSVGElement>) {
+	return (<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M15 21H9c-2.828 0-4.243 0-5.121-.879C3 19.243 3 17.828 3 15m18 0c0 2.828 0 4.243-.879 5.121c-.3.3-.662.498-1.121.628M12 16V3m0 0l4 4.375M12 3L8 7.375"></path></svg>);
+}