Merge pull request #595 from getmaxun/proxy-auto

feat: byop config
This commit is contained in:
Karishma Shukla
2025-05-15 19:53:24 +05:30
committed by GitHub
2 changed files with 9 additions and 26 deletions

View File

@@ -113,7 +113,7 @@
"coming_soon": "Coming Soon - In Open Source (Basic Rotation) & Cloud (Advanced Rotation). If you don't want to manage the infrastructure, join our cloud waitlist to get early access.",
"join_waitlist": "Join Maxun Cloud Waitlist",
"alert": {
"title": "If your proxy requires a username and password, always provide them separately from the proxy URL.",
"title": "If your proxy requires a username and password, always provide them separate from the proxy URL.",
"right_way": "The right way",
"wrong_way": "The wrong way",
"proxy_url": "Proxy URL:",

View File

@@ -156,18 +156,14 @@ const ProxyForm: React.FC = () => {
fetchProxyConfig();
}, []);
const theme = useThemeMode();
const isDarkMode = theme.darkMode;
return (
<>
<FormContainer>
<Typography variant="h6" gutterBottom component="div" style={{ marginTop: '20px' }}>
{t('proxy.title')}
</Typography>
<Tabs value={tabIndex} onChange={handleTabChange}>
<Tabs value={tabIndex} onChange={handleTabChange} style={{ marginBottom: '10px' }}>
<Tab label={t('proxy.tab_standard')} />
<Tab label={t('proxy.tab_rotation')} />
</Tabs>
{tabIndex === 0 && (
@@ -197,7 +193,7 @@ const ProxyForm: React.FC = () => {
</Button>
</Box>
) : (
<Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 400, width: '100%' }}>
<Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 500, width: '100%' }}>
<FormControl>
<TextField
label={t('proxy.server_url')}
@@ -207,7 +203,11 @@ const ProxyForm: React.FC = () => {
fullWidth
required
error={!!errors.server_url}
helperText={errors.server_url || t('proxy.server_url_helper')}
helperText={
<span style={{ display: 'block', marginLeft: '-10px', marginTop: '5px' }}>
{errors.server_url || t('proxy.server_url_helper')}
</span>
}
/>
</FormControl>
<FormControl>
@@ -256,26 +256,9 @@ const ProxyForm: React.FC = () => {
</Button>
</Box>
))}
{tabIndex === 1 && (
<Box sx={{ maxWidth: 400, width: '100%', textAlign: 'center', marginTop: '20px' }}>
<>
<Typography variant="body1" gutterBottom component="div">
{t('proxy.coming_soon')}
</Typography>
{/* <Button variant="contained" color="primary" sx={{ marginTop: '20px',backgroundColor: '#ff00c3' }}>
<a style={{ color: 'white', textDecoration: 'none' }} href="https://forms.gle/hXjgqDvkEhPcaBW76">Join Maxun Cloud Waitlist</a> */}
<Button variant="contained" color="primary" sx={{ marginTop: '20px' }}>
<a style={{ color: 'white', textDecoration: 'none' }} href="https://forms.gle/hXjgqDvkEhPcaBW76">{t('proxy.join_waitlist')}</a>
</Button>
</>
</Box>
)}
</FormContainer>
<Alert severity="info" sx={{ marginTop: '80px', marginLeft: '50px', height: '250px', width: '600px', border: '1px solid #ff00c3' }}>
<Alert severity="info" sx={{ marginTop: '80px', marginLeft: '50px', height: '250px', width: '600px' }}>
<AlertTitle>{t('proxy.alert.title')}</AlertTitle>
<br />
<b>{t('proxy.alert.right_way')}</b>