vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #595 from getmaxun/proxy-auto

Browse Source 
feat: byop config
This commit is contained in:
Karishma Shukla
2025-05-15 19:53:24 +05:30
committed by GitHub
parent b05334f9b0 ca803d9d82
commit d4cb9f217c
2 changed files with 9 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/locales/en.json
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.", "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", "join_waitlist": "Join Maxun Cloud Waitlist",
"alert": { "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", "right_way": "The right way",
"wrong_way": "The wrong way", "wrong_way": "The wrong way",
"proxy_url": "Proxy URL:", "proxy_url": "Proxy URL:",

33
src/components/proxy/ProxyForm.tsx
View File

@@ -156,18 +156,14 @@ const ProxyForm: React.FC = () => {
fetchProxyConfig(); fetchProxyConfig();
}, []); }, []);
const theme = useThemeMode();
const isDarkMode = theme.darkMode;
return ( return (
<> <>
<FormContainer> <FormContainer>
<Typography variant="h6" gutterBottom component="div" style={{ marginTop: '20px' }}> <Typography variant="h6" gutterBottom component="div" style={{ marginTop: '20px' }}>
{t('proxy.title')} {t('proxy.title')}
</Typography> </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_standard')} />
<Tab label={t('proxy.tab_rotation')} />
</Tabs> </Tabs>
{tabIndex === 0 && ( {tabIndex === 0 && (
@@ -197,7 +193,7 @@ const ProxyForm: React.FC = () => {
</Button> </Button>
</Box> </Box>
) : ( ) : (
<Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 400, width: '100%' }}> <Box component="form" onSubmit={handleSubmit} sx={{ maxWidth: 500, width: '100%' }}>
<FormControl> <FormControl>
<TextField <TextField
label={t('proxy.server_url')} label={t('proxy.server_url')}
@@ -207,7 +203,11 @@ const ProxyForm: React.FC = () => {
fullWidth fullWidth
required required
error={!!errors.server_url} 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>
<FormControl> <FormControl>
@@ -256,26 +256,9 @@ const ProxyForm: React.FC = () => {
</Button> </Button>
</Box> </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> </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> <AlertTitle>{t('proxy.alert.title')}</AlertTitle>
<br /> <br />
<b>{t('proxy.alert.right_way')}</b> <b>{t('proxy.alert.right_way')}</b>