Techognito/react-playground
SHA256
1
0
Fork 0
Code Issues Activity

worked on GarageApp stuff

Browse source
This commit is contained in:
Techognito 2025-08-25 17:46:11 +02:00
parent 60aaf17af3
commit eb606572b0
51919 changed files with 2168177 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/GarageApp/App.tsx
View file

@ -1,14 +1,55 @@
import { APITester } from "../APITester";
import "../index.css";
import { List } from "../wisher/list";
import "./index.css";
import { useTranslation, withTranslation, Trans } from 'react-i18next';
import logo from "./logo.svg";
import reactLogo from "./react.svg";
import Button from '@mui/material/Button';
import Box from '@mui/material/Box';
import Grid from '@mui/material/Grid';
import button from "./modules/DummyButton"
import VehicleCard from "./modules/VehicleCards";
import YourVehicleList from "./modules/YourVehicles";
//const response = await fetch("/GarageApp/api/vehicles");
//console.log(response)
//const vehicles = await response.json();
//console.log(vehicles)
// <Box>
// <Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 4, sm: 8, md: 12 }}>
// {vehicles.map((vehicle, index) => (
// <Grid key={index} size={{ xs: 2, sm: 4, md: 4 }}>
// <VehicleCard nickname={vehicle.nickname} makemodel={vehicle.make + " " + vehicle.model} registration={vehicle.registration}/>
// </Grid>
// ))}
// </Grid>
// </Box>
//
//
// {vehicles.map((vehicle, index) => (
// <VehicleCard nickname={vehicle.nickname} makemodel={vehicle.make + " " + vehicle.model} registration={vehicle.registration}/>
// ))}
//
// <Button variant="contained">to become Add Vehicle button</Button>
// <h1>{t ('yourvehicles')}</h1>
// <Box>
// <Grid container
// spacing={{ xs: 1, md: 3 }}
// columns={{ xs: 2, sm: 8, md: 12 }}
// sx={{
// justifyContent: "grow",
// alignItems: "stretch"
// }}>
// {vehicles.map((vehicle, index) => (
// <Grid key={index} size={{ xs: 2, sm: 4, md: 4 }} justifyContent="center" alignItems="center">
// <VehicleCard nickname={vehicle.nickname} makemodel={vehicle.make + " " + vehicle.model} registration={vehicle.registration}/>
// </Grid>
// ))}
// </Grid>
// </Box>
//
export function App() {
const { t, i18n } = useTranslation();
return (
@ -22,10 +63,12 @@ export function App() {
<p>
Edit <code>src/App.tsx</code> and save to test HMR
</p>
<h1>{t ('statistics')}</h1>
<button />
<Button variant="contained">Temp Button</Button>
<h1>{t ('yourvehicles')}</h1>
<h1>{t ('statistics')}</h1>
<YourVehicleList></YourVehicleList>
<h1>test</h1>
</div>
);
}