removed stray files
This commit is contained in:
@@ -1,21 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import Typography from '@mui/material/Typography';
|
|
||||||
import MuiLink from '@mui/material/Link';
|
|
||||||
|
|
||||||
export default function Copyright() {
|
|
||||||
return (
|
|
||||||
<Typography
|
|
||||||
variant="body2"
|
|
||||||
align="center"
|
|
||||||
sx={{
|
|
||||||
color: 'text.secondary',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{'Copyright © '}
|
|
||||||
<MuiLink color="inherit" href="https://mui.com/">
|
|
||||||
Your Website
|
|
||||||
</MuiLink>{' '}
|
|
||||||
{new Date().getFullYear()}.
|
|
||||||
</Typography>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import Link from '@mui/material/Link';
|
|
||||||
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
|
|
||||||
import Typography from '@mui/material/Typography';
|
|
||||||
|
|
||||||
function LightBulbIcon(props: SvgIconProps) {
|
|
||||||
return (
|
|
||||||
<SvgIcon {...props}>
|
|
||||||
<path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z" />
|
|
||||||
</SvgIcon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function ProTip() {
|
|
||||||
return (
|
|
||||||
<Typography sx={{ mt: 6, mb: 3, color: 'text.secondary' }}>
|
|
||||||
<LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
|
|
||||||
{'Pro tip: See more '}
|
|
||||||
<Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
|
|
||||||
{' in the Material UI documentation.'}
|
|
||||||
</Typography>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -2,5 +2,4 @@ import { type RouteConfig, index, route } from '@react-router/dev/routes';
|
|||||||
|
|
||||||
export default [
|
export default [
|
||||||
index('routes/home.tsx'),
|
index('routes/home.tsx'),
|
||||||
route('/about', 'routes/about.tsx'),
|
|
||||||
] satisfies RouteConfig;
|
] satisfies RouteConfig;
|
||||||
|
|||||||
@@ -1,45 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import Container from '@mui/material/Container';
|
|
||||||
import Typography from '@mui/material/Typography';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
import Button from '@mui/material/Button';
|
|
||||||
import { Link as ReactRouterLink } from 'react-router';
|
|
||||||
import ProTip from '~/components/ProTip';
|
|
||||||
import Copyright from '~/components/Copyright';
|
|
||||||
|
|
||||||
export function meta() {
|
|
||||||
return [
|
|
||||||
{ title: 'About' },
|
|
||||||
{
|
|
||||||
name: 'description',
|
|
||||||
content: 'About the project',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function About() {
|
|
||||||
return (
|
|
||||||
<Container maxWidth="lg">
|
|
||||||
<Box
|
|
||||||
sx={{
|
|
||||||
my: 4,
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'column',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Typography variant="h4" component="h1" sx={{ mb: 2 }}>
|
|
||||||
Material UI - Next.js example in TypeScript
|
|
||||||
</Typography>
|
|
||||||
<Box sx={{ maxWidth: 'sm' }}>
|
|
||||||
<Button variant="contained" component={ReactRouterLink} to="/">
|
|
||||||
Go to the home page
|
|
||||||
</Button>
|
|
||||||
</Box>
|
|
||||||
<ProTip />
|
|
||||||
<Copyright />
|
|
||||||
</Box>
|
|
||||||
</Container>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user