Skip to content

Commit

Permalink
fixes ESLint errors
Browse files Browse the repository at this point in the history
  • Loading branch information
@jandsonrj
jandsonrj committed Sep 26, 2024
1 parent 1f21aa7 commit 0bdbe91
Show file tree
Hide file tree
Showing 2 changed files with 215 additions and 150 deletions.
363 changes: 214 additions & 149 deletions frontend/components/Partnersfooter.js
View file
Original file line number Diff line number Diff line change
@@ -1,170 +1,235 @@
import React from 'react'
import { Box, Container, Grid, Typography, Link, IconButton } from '@mui/material'
import {
Box,
Container,
Grid,
Typography,
Link,
IconButton
} from '@mui/material'
import useStyles from '../styles/components/Partnersfooter'
import LinkedInIcon from '@mui/icons-material/LinkedIn'
import InstagramIcon from '@mui/icons-material/Instagram'
import YouTubeIcon from '@mui/icons-material/YouTube'
import FacebookIcon from '@mui/icons-material/Facebook'

const XIcon = () => (
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='20' height='20'>
<path
fill='#263663'
d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
width="20"
height="20"
>
<path
fill="#263663"
d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
/>
</svg>
)

function Partnersfooter() {
const classes = useStyles()
const classes = useStyles()

return (
<footer className={classes.footer}>
<div className={classes.footerDivider}></div>
return (
<footer className={classes.footer}>
<div className={classes.footerDivider}></div>

<Container>
<Grid container spacing={4} alignItems='center'>
<Grid md={5}>
<Box className={classes.logoContainer}>
<a href='https://www.linea.org.br/' target='_blank' rel='noreferrer'>
<img src='/linea-logo.png' alt='LIneA logo' width={145} height={120} />
</a>
<Typography className={classes.title} sx={{ fontSize: '24px', color: '#000', fontWeight: 'normal', paddingLeft: '24px' }}>
Associação Laboratório
<br />
Interinstitucional de
<br />
e-Astronomia LIneA
</Typography>
</Box>
<Typography variant='body2' className={classes.address} sx={{ marginTop: '32px' }}>
Av. Pastor Martin Luther King Jr, 126 - Del Castilho
<br />
Nova América Offices, Torre 3000 / sala 817.
<br />
CEP: 20765-000 – Rio de Janeiro - RJ, Brasil
</Typography>
<Typography variant='body1' className={classes.futureText} sx={{ marginTop: '32px' }}>
#PeloFuturoDaCiência &nbsp; #PeloFuturoDaAstronomia
</Typography>
</Grid>

<Grid item xs={12} md={1}>
<Box className={classes.verticalDivider}></Box>
</Grid>

<Grid md={6} className={classes.partnerSection}>
<Box>
<Typography variant='body2' className={classes.apoioText}>
Support:
</Typography>
<Link href='https://www.linea.org.br/inct#inct' target='_blank'>
<img src='/inct-logo.png' alt='INCT' className={classes.inctLogo} />
</Link>
<Link href='https://www.gov.br/capes/pt-br' target='_blank'>
<img src='/capes-logo.png' alt='CAPES' className={classes.partnerLogo} />
</Link>
<Link href='https://www.gov.br/cnpq/pt-br' target='_blank'>
<img src='/cnpq-logo.png' alt='CNPq' className={classes.partnerLogo} />
</Link>
<Link href='https://www.faperj.br' target='_blank'>
<img src='/faperj-logo.png' alt='FAPERJ' className={classes.partnerLogo} />
</Link>
<Link href='http://www.finep.gov.br' target='_blank'>
<img src='/finep-logo.png' alt='FINEP' className={classes.partnerLogo} />
</Link>
</Box>
<Container>
<Grid container spacing={4} alignItems="center">
<Grid md={5}>
<Box className={classes.logoContainer}>
<a
href="https://www.linea.org.br/"
target="_blank"
rel="noreferrer"
>
<img
src="/linea-logo.png"
alt="LIneA logo"
width={145}
height={120}
/>
</a>
<Typography
className={classes.title}
sx={{
fontSize: '24px',
color: '#000',
fontWeight: 'normal',
paddingLeft: '24px'
}}
>
Associação Laboratório
<br />
Interinstitucional de
<br />
e-Astronomia LIneA
</Typography>
</Box>
<Typography
variant="body2"
className={classes.address}
sx={{ marginTop: '32px' }}
>
Av. Pastor Martin Luther King Jr, 126 - Del Castilho
<br />
Nova América Offices, Torre 3000 / sala 817.
<br />
CEP: 20765-000 – Rio de Janeiro - RJ, Brasil
</Typography>
<Typography
variant="body1"
className={classes.futureText}
sx={{ marginTop: '32px' }}
>
#PeloFuturoDaCiência &nbsp; #PeloFuturoDaAstronomia
</Typography>
</Grid>

<Box className={classes.contactSection}>
<Typography variant='body1' className={classes.contactInfo}>
e-mail:{' '}
<Link
href='mailto:[email protected]'
sx={{
textDecoration: 'none',
color: '#000',
mr: '16px',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
>
[email protected]
</Link>
</Typography>
<Typography variant='body1' className={classes.contactInfo}>
tel:{' '}
<Link
href='tel:+5521969379224'
sx={{
fontWeight: 'bold',
textDecoration: 'none',
color: '#000',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
>
+55 21 96937 9224
</Link>
</Typography>
</Box>
<Grid item xs={12} md={1}>
<Box className={classes.verticalDivider}></Box>
</Grid>

<Box className={classes.socialIcons}>
<IconButton
href='https://www.linkedin.com/company/linea-astronomia'
target='_blank'
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.linkedinHover}`}
>
<LinkedInIcon />
</IconButton>
<IconButton href='https://x.com/linea_org' target='_blank' className={`${classes.socialIcon}`}>
<XIcon />
</IconButton>
<IconButton
href='https://www.instagram.com/linea_org/'
target='_blank'
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.instagramHover}`}
>
<InstagramIcon />
</IconButton>
<IconButton
href='https://www.youtube.com/@linea_org'
target='_blank'
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.youtubeHover}`}
>
<YouTubeIcon />
</IconButton>
<IconButton
href='https://www.facebook.com/linea.org'
target='_blank'
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.facebookHover}`}
>
<FacebookIcon />
</IconButton>
</Box>
</Grid>
</Grid>
</Container>
<Grid md={6} className={classes.partnerSection}>
<Box>
<Typography variant="body2" className={classes.apoioText}>
Support:
</Typography>
<Link href="https://www.linea.org.br/inct#inct" target="_blank">
<img
src="/inct-logo.png"
alt="INCT"
className={classes.inctLogo}
/>
</Link>
<Link href="https://www.gov.br/capes/pt-br" target="_blank">
<img
src="/capes-logo.png"
alt="CAPES"
className={classes.partnerLogo}
/>
</Link>
<Link href="https://www.gov.br/cnpq/pt-br" target="_blank">
<img
src="/cnpq-logo.png"
alt="CNPq"
className={classes.partnerLogo}
/>
</Link>
<Link href="https://www.faperj.br" target="_blank">
<img
src="/faperj-logo.png"
alt="FAPERJ"
className={classes.partnerLogo}
/>
</Link>
<Link href="http://www.finep.gov.br" target="_blank">
<img
src="/finep-logo.png"
alt="FINEP"
className={classes.partnerLogo}
/>
</Link>
</Box>

<Typography variant='body2' className={classes.bottomText} sx={{ marginTop: '40px' }}>
LIneA - 2024 - All rights reserved |{' '}
<Box className={classes.contactSection}>
<Typography variant="body1" className={classes.contactInfo}>
e-mail:{' '}
<Link
href='https://www.linea.org.br/politica-de-privacidade'
target='_blank'
sx={{
color: '#000',
textDecoration: 'none',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
href="mailto:secretaria@linea.org.br"
sx={{
textDecoration: 'none',
color: '#000',
mr: '16px',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
>
Privacy Policy
[email protected]
</Link>
</Typography>
</footer>
)
</Typography>
<Typography variant="body1" className={classes.contactInfo}>
tel:{' '}
<Link
href="tel:+5521969379224"
sx={{
fontWeight: 'bold',
textDecoration: 'none',
color: '#000',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
>
+55 21 96937 9224
</Link>
</Typography>
</Box>

<Box className={classes.socialIcons}>
<IconButton
href="https://www.linkedin.com/company/linea-astronomia"
target="_blank"
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.linkedinHover}`}
>
<LinkedInIcon />
</IconButton>
<IconButton
href="https://x.com/linea_org"
target="_blank"
className={`${classes.socialIcon}`}
>
<XIcon />
</IconButton>
<IconButton
href="https://www.instagram.com/linea_org/"
target="_blank"
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.instagramHover}`}
>
<InstagramIcon />
</IconButton>
<IconButton
href="https://www.youtube.com/@linea_org"
target="_blank"
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.youtubeHover}`}
>
<YouTubeIcon />
</IconButton>
<IconButton
href="https://www.facebook.com/linea.org"
target="_blank"
sx={{ color: '#283664' }}
className={`${classes.socialIcon} ${classes.facebookHover}`}
>
<FacebookIcon />
</IconButton>
</Box>
</Grid>
</Grid>
</Container>

<Typography
variant="body2"
className={classes.bottomText}
sx={{ marginTop: '40px' }}
>
LIneA - 2024 - All rights reserved |{' '}
<Link
href="https://www.linea.org.br/politica-de-privacidade"
target="_blank"
sx={{
color: '#000',
textDecoration: 'none',
'&:hover': { textDecoration: 'underline' }
}}
className={classes.link}
>
Privacy Policy
</Link>
</Typography>
</footer>
)
}
export default Partnersfooter
2 changes: 1 addition & 1 deletion frontend/pages/about.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@ export default function About() {
</Typography>
</CardContent>
</Card>
<Partnersfooter />
<Partnersfooter />
</Grid>
</Grid>
</Container>
Expand Down

0 comments on commit 0bdbe91

Please sign in to comment.