SrJuggernaut
3f1e80051f
* feat: static site
* feat: mui support & basic theming
* feat: entgamers favicon
* feat: public images until dynamic content can be used
* feat: entgamers & gaming assets
* feat: eslint extra rules
* feat: mui theme modifications
* feat: fontawesome, gsap, bundle analyzer
* feat: common interfaces
* feat: basic layout
* chore: upadted dependencies
* chore: updated dependencies
* feat: updated link styles
* feat: layout now have better interfaces
* feat: basic seo component
* feat: static website
* feat: env variable rules in .gitignore
* feat: added lint to pre-commit
* docs: initial documentation
* ci: deploy using pm2
* ci: pm2 configuration file
* ci: github action deploy preview
* ci: github action deploy production
* ci: env variables now pass to pm2
* fix: pass environment to actions
* feat: post deploy as sudo
* fix: pass only required env to deploy
* revert: deploy as sudo
Refs: 624b225
* fix: server use isomorphic-fetch
* ci: use yarn instead npm
* fix: glass text contrast
* fix: production git ref
* docs: deploy env vars
90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight'
|
|
import { Box, NoSsr, Typography } from '@mui/material'
|
|
import dynamic from 'next/dynamic'
|
|
import { FC } from 'react'
|
|
|
|
import { PositionJoinTeamProps } from '@interfaces'
|
|
|
|
const UnirseForm = dynamic(() => import('@components/pages/equipo/unirse/UnirseForm'), {
|
|
ssr: false,
|
|
suspense: false
|
|
})
|
|
|
|
const PositionJoinTeam:FC<PositionJoinTeamProps> = (
|
|
{ benefits, description, requirements, title }
|
|
) => {
|
|
return (
|
|
<Box>
|
|
<Box
|
|
sx={{
|
|
marginBlock: '1rem'
|
|
}}
|
|
>
|
|
<Typography variant="h2" align="center" gutterBottom>
|
|
{title}
|
|
</Typography>
|
|
<Typography variant="body1" align="center" gutterBottom>
|
|
{description}
|
|
</Typography>
|
|
</Box>
|
|
<Box
|
|
sx={theme => ({
|
|
display: 'grid',
|
|
gridTemplateColumns: '1fr',
|
|
gap: 2,
|
|
[theme.breakpoints.up('md')]: {
|
|
gridTemplateColumns: '1fr 1fr'
|
|
}
|
|
})}
|
|
>
|
|
<Box>
|
|
<Typography variant="h3" align="center" gutterBottom>
|
|
Rellenar formulario
|
|
</Typography>
|
|
<NoSsr>
|
|
<UnirseForm
|
|
role={title}
|
|
/>
|
|
</NoSsr>
|
|
</Box>
|
|
<Box>
|
|
<Typography variant="h3" gutterBottom>
|
|
Requisitos
|
|
</Typography>
|
|
<ul className="fa-ul">
|
|
{requirements.map(({ title, description }, index) => (
|
|
<li key={index}>
|
|
<FontAwesomeIcon icon={faChevronRight} className="fa-li" />
|
|
<Typography variant="body1" gutterBottom>
|
|
<strong>{title}</strong>
|
|
</Typography>
|
|
<Typography variant="body1" gutterBottom>
|
|
{description}
|
|
</Typography>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
<Typography variant="h3" gutterBottom>
|
|
Beneficios
|
|
</Typography>
|
|
<ul className="fa-ul">
|
|
{benefits.map(({ title, description }, index) => (
|
|
<li key={index}>
|
|
<FontAwesomeIcon icon={faChevronRight} className="fa-li" />
|
|
<Typography variant="body1" gutterBottom>
|
|
<strong>{title}</strong>
|
|
</Typography>
|
|
<Typography variant="body1" gutterBottom>
|
|
{description}
|
|
</Typography>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</Box>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|
|
export default PositionJoinTeam
|