Commit 4fafab66 authored by Nurasyl's avatar Nurasyl

Добавил компоненты

parent c97e2e91
const App = () => (
<>
<header>Navbar will go here</header>
<main>Main content will go here</main>
</>
);
import { Container, CssBaseline } from '@mui/material';
import { Route, Routes } from 'react-router-dom';
import { AppToolbar } from './components/UI/AppToolbar/AppToolbar';
import { Products } from './containers/Products/Products';
function App() {
return (
<>
<CssBaseline />
<header>
<AppToolbar />
</header>
<main>
<Container maxWidth="xl" sx={{ mt: 10 }}>
<Routes>
<Route path="/" element={<Products />} />
</Routes>
</Container>
</main>
</>
);
}
export default App;
import { Link } from 'react-router-dom';
import { Typography, Grid, Button } from '@mui/material';
export function Products() {
return (
<Grid container direction="column" spacing={2}>
<Grid item container direction="row" justifyContent="space-between" alignItems="center">
<Grid item>
<Typography variant="h4">Products</Typography>
</Grid>
<Grid item>
<Button color="primary" component={Link} to={'/products/new'}>
Add product
</Button>
</Grid>
</Grid>
</Grid>
);
}
import axios from "axios";
export const axiosApiClient = axios.create({
baseURL: "http://localhost:8000"
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment