chore: lint
This commit is contained in:
amhsirak
@@ -198,154 +198,152 @@ const RobotCreate: React.FC = () => {
|
|||||||
|
|
||||||
<TabPanel value={tabValue} index={0}>
|
<TabPanel value={tabValue} index={0}>
|
||||||
<Card sx={{ mb: 4, p: 4, textAlign: 'center' }}>
|
<Card sx={{ mb: 4, p: 4, textAlign: 'center' }}>
|
||||||
<Box display="flex" flexDirection="column" alignItems="center">
|
<Box display="flex" flexDirection="column" alignItems="center">
|
||||||
{/* Logo (kept as original) */}
|
{/* Logo (kept as original) */}
|
||||||
<img
|
<img
|
||||||
src="https://ik.imagekit.io/ys1blv5kv/maxunlogo.png"
|
src="https://ik.imagekit.io/ys1blv5kv/maxunlogo.png"
|
||||||
width={73}
|
width={73}
|
||||||
height={65}
|
height={65}
|
||||||
style={{
|
style={{
|
||||||
borderRadius: '5px',
|
borderRadius: '5px',
|
||||||
marginBottom: '30px'
|
marginBottom: '30px'
|
||||||
}}
|
}}
|
||||||
alt="Maxun Logo"
|
alt="Maxun Logo"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Typography variant="body2" color="text.secondary" mb={3}>
|
<Typography variant="body2" color="text.secondary" mb={3}>
|
||||||
Extract structured data from websites in a few clicks.
|
Extract structured data from websites in a few clicks.
|
||||||
</Typography>
|
</Typography>
|
||||||
|
|
||||||
{/* Origin URL Input */}
|
{/* Origin URL Input */}
|
||||||
<Box sx={{ width: '100%', maxWidth: 700, mb: 2 }}>
|
<Box sx={{ width: '100%', maxWidth: 700, mb: 2 }}>
|
||||||
<TextField
|
<TextField
|
||||||
placeholder="Example: https://www.ycombinator.com/companies/"
|
placeholder="Example: https://www.ycombinator.com/companies/"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
|
fullWidth
|
||||||
|
value={url}
|
||||||
|
onChange={(e) => setUrl(e.target.value)}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
{/* Checkbox */}
|
||||||
|
<Box sx={{ width: '100%', maxWidth: 700, mb: 3, textAlign: 'left' }}>
|
||||||
|
<FormControlLabel
|
||||||
|
control={
|
||||||
|
<Checkbox
|
||||||
|
checked={needsLogin}
|
||||||
|
onChange={(e) => setNeedsLogin(e.target.checked)}
|
||||||
|
color="primary"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
label="This website needs logging in."
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
{/* Button */}
|
||||||
|
<Button
|
||||||
|
variant="contained"
|
||||||
fullWidth
|
fullWidth
|
||||||
value={url}
|
onClick={handleStartRecording}
|
||||||
onChange={(e) => setUrl(e.target.value)}
|
disabled={!url.trim() || isLoading}
|
||||||
/>
|
sx={{
|
||||||
|
bgcolor: '#ff00c3',
|
||||||
|
py: 1.4,
|
||||||
|
fontSize: '1rem',
|
||||||
|
textTransform: 'none',
|
||||||
|
maxWidth: 700,
|
||||||
|
borderRadius: 2
|
||||||
|
}}
|
||||||
|
startIcon={isLoading ? <CircularProgress size={20} color="inherit" /> : null}
|
||||||
|
>
|
||||||
|
{isLoading ? 'Starting...' : 'Start Recording'}
|
||||||
|
</Button>
|
||||||
</Box>
|
</Box>
|
||||||
|
</Card>
|
||||||
|
|
||||||
{/* Checkbox */}
|
<Box mt={6} textAlign="center">
|
||||||
<Box sx={{ width: '100%', maxWidth: 700, mb: 3, textAlign: 'left' }}>
|
<Typography variant="h6" gutterBottom>
|
||||||
<FormControlLabel
|
First time creating a robot?
|
||||||
control={
|
</Typography>
|
||||||
<Checkbox
|
<Typography variant="body2" color="text.secondary" mb={3}>
|
||||||
checked={needsLogin}
|
Get help and learn how to use Maxun effectively.
|
||||||
onChange={(e) => setNeedsLogin(e.target.checked)}
|
</Typography>
|
||||||
color="primary"
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
label="This website needs logging in."
|
|
||||||
/>
|
|
||||||
</Box>
|
|
||||||
|
|
||||||
{/* Button */}
|
<Grid container spacing={3} justifyContent="center">
|
||||||
<Button
|
|
||||||
variant="contained"
|
{/* YouTube Tutorials */}
|
||||||
fullWidth
|
<Grid item xs={12} sm={6} md={4}>
|
||||||
onClick={handleStartRecording}
|
<Card
|
||||||
disabled={!url.trim() || isLoading}
|
sx={{
|
||||||
sx={{
|
height: 140,
|
||||||
bgcolor: '#ff00c3',
|
cursor: "pointer",
|
||||||
py: 1.4,
|
}}
|
||||||
fontSize: '1rem',
|
onClick={() => window.open("https://www.youtube.com/@MaxunOSS/videos", "_blank")}
|
||||||
textTransform: 'none',
|
>
|
||||||
maxWidth: 700,
|
<CardContent
|
||||||
borderRadius: 2
|
sx={{
|
||||||
}}
|
display: "flex",
|
||||||
startIcon={isLoading ? <CircularProgress size={20} color="inherit" /> : null}
|
flexDirection: "column",
|
||||||
>
|
alignItems: "center",
|
||||||
{isLoading ? 'Starting...' : 'Start Recording'}
|
justifyContent: "center", // center content
|
||||||
</Button>
|
height: "100%",
|
||||||
|
textAlign: "center",
|
||||||
|
p: 2,
|
||||||
|
color: (theme) =>
|
||||||
|
theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.54)' : '',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<PlayCircleOutline sx={{ fontSize: "32px", mb: 2 }} />
|
||||||
|
|
||||||
|
<Box sx={{ textAlign: "center" }}>
|
||||||
|
<Typography variant="body1" fontWeight="600" sx={{ lineHeight: 1.2 }}>
|
||||||
|
Video Tutorials
|
||||||
|
</Typography>
|
||||||
|
<Typography variant="body2" color="text.secondary" sx={{ lineHeight: 1.4, mt: 1 }}>
|
||||||
|
Watch step-by-step guides
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
{/* Documentation */}
|
||||||
|
<Grid item xs={12} sm={6} md={4}>
|
||||||
|
<Card
|
||||||
|
sx={{
|
||||||
|
height: 140,
|
||||||
|
cursor: "pointer",
|
||||||
|
}}
|
||||||
|
onClick={() => window.open("https://docs.maxun.dev", "_blank")}
|
||||||
|
>
|
||||||
|
<CardContent
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "column",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center", // center everything
|
||||||
|
height: "100%",
|
||||||
|
textAlign: "center",
|
||||||
|
p: 2,
|
||||||
|
color: (theme) =>
|
||||||
|
theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.54)' : '',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Article sx={{ fontSize: "32px", mb: 2 }} />
|
||||||
|
|
||||||
|
<Box sx={{ textAlign: "center" }}>
|
||||||
|
<Typography variant="body1" fontWeight="600" sx={{ lineHeight: 1.2 }}>
|
||||||
|
Documentation
|
||||||
|
</Typography>
|
||||||
|
<Typography variant="body2" color="text.secondary" sx={{ lineHeight: 1.4, mt: 1 }}>
|
||||||
|
Explore detailed guides
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</Grid>
|
||||||
|
</Grid>
|
||||||
</Box>
|
</Box>
|
||||||
</Card>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<Box mt={6} textAlign="center">
|
|
||||||
<Typography variant="h6" gutterBottom>
|
|
||||||
First time creating a robot?
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="body2" color="text.secondary" mb={3}>
|
|
||||||
Get help and learn how to use Maxun effectively.
|
|
||||||
</Typography>
|
|
||||||
|
|
||||||
<Grid container spacing={3} justifyContent="center">
|
|
||||||
|
|
||||||
{/* YouTube Tutorials */}
|
|
||||||
<Grid item xs={12} sm={6} md={4}>
|
|
||||||
<Card
|
|
||||||
sx={{
|
|
||||||
height: 140,
|
|
||||||
cursor: "pointer",
|
|
||||||
}}
|
|
||||||
onClick={() => window.open("https://www.youtube.com/@MaxunOSS/videos", "_blank")}
|
|
||||||
>
|
|
||||||
<CardContent
|
|
||||||
sx={{
|
|
||||||
display: "flex",
|
|
||||||
flexDirection: "column",
|
|
||||||
alignItems: "center",
|
|
||||||
justifyContent: "center", // center content
|
|
||||||
height: "100%",
|
|
||||||
textAlign: "center",
|
|
||||||
p: 2,
|
|
||||||
color: (theme) =>
|
|
||||||
theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.54)' : '',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<PlayCircleOutline sx={{ fontSize: "32px", mb: 2 }} />
|
|
||||||
|
|
||||||
<Box sx={{ textAlign: "center" }}>
|
|
||||||
<Typography variant="body1" fontWeight="600" sx={{ lineHeight: 1.2 }}>
|
|
||||||
Video Tutorials
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="body2" color="text.secondary" sx={{ lineHeight: 1.4, mt: 1 }}>
|
|
||||||
Watch step-by-step guides
|
|
||||||
</Typography>
|
|
||||||
</Box>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</Grid>
|
|
||||||
|
|
||||||
{/* Documentation */}
|
|
||||||
<Grid item xs={12} sm={6} md={4}>
|
|
||||||
<Card
|
|
||||||
sx={{
|
|
||||||
height: 140,
|
|
||||||
cursor: "pointer",
|
|
||||||
}}
|
|
||||||
onClick={() => window.open("https://docs.maxun.dev", "_blank")}
|
|
||||||
>
|
|
||||||
<CardContent
|
|
||||||
sx={{
|
|
||||||
display: "flex",
|
|
||||||
flexDirection: "column",
|
|
||||||
alignItems: "center",
|
|
||||||
justifyContent: "center", // center everything
|
|
||||||
height: "100%",
|
|
||||||
textAlign: "center",
|
|
||||||
p: 2,
|
|
||||||
color: (theme) =>
|
|
||||||
theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.54)' : '',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Article sx={{ fontSize: "32px", mb: 2 }} />
|
|
||||||
|
|
||||||
<Box sx={{ textAlign: "center" }}>
|
|
||||||
<Typography variant="body1" fontWeight="600" sx={{ lineHeight: 1.2 }}>
|
|
||||||
Documentation
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="body2" color="text.secondary" sx={{ lineHeight: 1.4, mt: 1 }}>
|
|
||||||
Explore detailed guides
|
|
||||||
</Typography>
|
|
||||||
</Box>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
</Box>
|
|
||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
|
||||||
<TabPanel value={tabValue} index={1}>
|
<TabPanel value={tabValue} index={1}>
|
||||||
|
|||||||
Reference in New Issue
Block a user