andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-06 15:59:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix referer for external images

Browse Source
This commit is contained in:
proddy
2024-10-01 09:56:32 +02:00
parent ed685d4a5e
commit 88a01426c1
1 changed files with 89 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
interface/src/app/main/Help.tsx
View File

@@ -76,114 +76,109 @@ const Help = () => {
}); });
return ( return (
<> <SectionContent>
<SectionContent> <Stack
<Stack padding={1}
padding={1} mb={2}
mb={2} direction="row"
direction="row" divider={<Divider orientation="vertical" flexItem />}
divider={<Divider orientation="vertical" flexItem />} sx={{
borderRadius: 3,
border: '2px solid grey',
justifyContent: 'space-evenly',
alignItems: 'center'
}}
>
<Typography variant="subtitle1">
{customSupportHTML ? (
<div dangerouslySetInnerHTML={{ __html: customSupportHTML }} />
) : (
LL.HELP_INFORMATION_5()
)}
</Typography>
<Box
component="img"
referrerPolicy="no-referrer"
sx={{ sx={{
borderRadius: 3, maxHeight: { xs: 100, md: 250 }
border: '2px solid grey',
justifyContent: 'space-evenly',
alignItems: 'center'
}} }}
> src={customSupportIMG || 'https://emsesp.org/_media/images/installer.jpeg'}
<Typography variant="subtitle1"> />
{customSupportHTML ? ( </Stack>
<div dangerouslySetInnerHTML={{ __html: customSupportHTML }} />
) : (
LL.HELP_INFORMATION_5()
)}
</Typography>
<Box
component="img"
sx={{
maxHeight: { xs: 100, md: 250 }
}}
src={
customSupportIMG
? customSupportIMG
: 'https://emsesp.org/_media/images/installer.jpeg'
}
/>
</Stack>
{me.admin && ( {me.admin && (
<List sx={{ borderRadius: 3, border: '2px solid grey' }}> <List sx={{ borderRadius: 3, border: '2px solid grey' }}>
<ListItem> <ListItem>
<ListItemButton component="a" href="https://emsesp.org"> <ListItemButton component="a" href="https://emsesp.org">
<ListItemAvatar> <ListItemAvatar>
<Avatar sx={{ bgcolor: '#72caf9' }}> <Avatar sx={{ bgcolor: '#72caf9' }}>
<MenuBookIcon /> <MenuBookIcon />
</Avatar> </Avatar>
</ListItemAvatar> </ListItemAvatar>
<ListItemText primary={LL.HELP_INFORMATION_1()} /> <ListItemText primary={LL.HELP_INFORMATION_1()} />
</ListItemButton> </ListItemButton>
</ListItem> </ListItem>
<ListItem> <ListItem>
<ListItemButton component="a" href="https://discord.gg/3J3GgnzpyT"> <ListItemButton component="a" href="https://discord.gg/3J3GgnzpyT">
<ListItemAvatar> <ListItemAvatar>
<Avatar sx={{ bgcolor: '#72caf9' }}> <Avatar sx={{ bgcolor: '#72caf9' }}>
<CommentIcon /> <CommentIcon />
</Avatar> </Avatar>
</ListItemAvatar> </ListItemAvatar>
<ListItemText primary={LL.HELP_INFORMATION_2()} /> <ListItemText primary={LL.HELP_INFORMATION_2()} />
</ListItemButton> </ListItemButton>
</ListItem> </ListItem>
<ListItem> <ListItem>
<ListItemButton <ListItemButton
component="a" component="a"
href="https://github.com/emsesp/EMS-ESP32/issues/new/choose" href="https://github.com/emsesp/EMS-ESP32/issues/new/choose"
> >
<ListItemAvatar> <ListItemAvatar>
<Avatar sx={{ bgcolor: '#72caf9' }}> <Avatar sx={{ bgcolor: '#72caf9' }}>
<GitHubIcon /> <GitHubIcon />
</Avatar> </Avatar>
</ListItemAvatar> </ListItemAvatar>
<ListItemText primary={LL.HELP_INFORMATION_3()} /> <ListItemText primary={LL.HELP_INFORMATION_3()} />
</ListItemButton> </ListItemButton>
</ListItem> </ListItem>
</List> </List>
)} )}
<Box p={2} color="warning.main">
<Typography mb={1} variant="body2">
{LL.HELP_INFORMATION_4()}
</Typography>
<Button
startIcon={<DownloadIcon />}
variant="outlined"
color="primary"
onClick={() => sendAPI({ device: 'system', cmd: 'info', id: 0 })}
>
{LL.DOWNLOAD(1)}&nbsp;{LL.SUPPORT_INFORMATION(0)}
</Button>
</Box>
<Box p={2} color="warning.main">
<Typography mb={1} variant="body2">
{LL.HELP_INFORMATION_4()}
</Typography>
<Button <Button
sx={{ ml: 2 }}
startIcon={<DownloadIcon />} startIcon={<DownloadIcon />}
variant="outlined" variant="outlined"
color="primary" color="primary"
onClick={() => sendExportAllValues()} onClick={() => sendAPI({ device: 'system', cmd: 'info', id: 0 })}
> >
{LL.DOWNLOAD(1)}&nbsp;{LL.ALLVALUES()} {LL.DOWNLOAD(1)}&nbsp;{LL.SUPPORT_INFORMATION(0)}
</Button> </Button>
</Box>
<Divider sx={{ mt: 4 }} /> <Button
sx={{ ml: 2 }}
startIcon={<DownloadIcon />}
variant="outlined"
color="primary"
onClick={() => sendExportAllValues()}
>
{LL.DOWNLOAD(1)}&nbsp;{LL.ALLVALUES()}
</Button>
<Typography color="white" variant="subtitle1" align="center" mt={1}> <Divider sx={{ mt: 4 }} />
&copy;&nbsp;
<Link target="_blank" href="https://emsesp.org" color="primary"> <Typography color="white" variant="subtitle1" align="center" mt={1}>
{'emsesp.org'} &copy;&nbsp;
</Link> <Link target="_blank" href="https://emsesp.org" color="primary">
</Typography> {'emsesp.org'}
</SectionContent> </Link>
</> </Typography>
</SectionContent>
); );
}; };