SrJuggernaut/entgamers_pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update FontAwesome dependencies to v7.2.0

Browse Source
This commit is contained in:
SrJuggernaut
2026-04-01 14:07:57 -06:00
parent b595cba4b0
commit 4be0de62fc
13 changed files with 86 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bun.lockb
BIN
View File
Binary file not shown.
package.json
+4 -4
View File
@@ -13,10 +13,10 @@
"dependencies": {
"@fontsource/open-sans": "^5.0.20",
"@fontsource/permanent-marker": "^5.0.8",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-brands-svg-icons": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@fortawesome/fontawesome-svg-core": "^7.2.0",
"@fortawesome/free-brands-svg-icons": "^7.2.0",
"@fortawesome/free-solid-svg-icons": "^7.2.0",
"@fortawesome/react-fontawesome": "^3.3.0",
"@reduxjs/toolkit": "^2.0.1",
"@stylistic/eslint-plugin": "^5.10.0",
"@tanstack/match-sorter-utils": "^8.11.8",
src/app/FeedbackConsumer.tsx
+2 -2
View File
@@ -9,7 +9,7 @@ import { alert } from '@/styled-system/recipes/alert'
import { faTimes } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { AnimatePresence, motion } from 'framer-motion'
import { type FC } from 'react'
import type { FC } from 'react'
import { createPortal } from 'react-dom'
const FeedbackConsumer: FC = () => {
@@ -55,7 +55,7 @@ const FeedbackConsumer: FC = () => {
className={alert().closeButton}
onClick={() => dispatch(removeAlert(currentAlert.id))}
>
<FontAwesomeIcon icon={faTimes} fixedWidth size="sm" />
<FontAwesomeIcon icon={faTimes} size="sm" />
</IconButton>
<Typography variant="h3" component="div">
{currentAlert.title}
src/app/Hero.tsx
+1 -1
View File
@@ -124,7 +124,7 @@ const Hero: FC = () => {
}
}))}
>
<FontAwesomeIcon icon={faArrowDown} size="lg" fixedWidth />
<FontAwesomeIcon icon={faArrowDown} size="lg" />
</a>
</section>
)
src/app/Team.tsx
+1 -1
View File
@@ -84,7 +84,7 @@ const Team: FC = () => {
className={iconButton()}
href={socialNetwork.url}
>
<FontAwesomeIcon icon={socialNetwork.icon} fixedWidth />
<FontAwesomeIcon icon={socialNetwork.icon} />
</a>
))}
</div>
src/app/clanes/page.tsx
+18 -8
View File
@@ -3,7 +3,7 @@ import { css } from '@/styled-system/css'
import { Container } from '@/styled-system/jsx'
import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { type FC } from 'react'
import type { FC } from 'react'
const ClanesPage: FC = () => {
return (
@@ -22,17 +22,19 @@ const ClanesPage: FC = () => {
<Typography variant="body1">La intención de EntGamers es brindar beneficios a los clanes que les permitan operar en un ambiente de comunicación y colaboración.</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li"><FontAwesomeIcon icon={faChevronRight} /></span>
{' '}
Espacio en el servidor de Discord.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li"><FontAwesomeIcon icon={faChevronRight} /></span>
{' '}
Apoyo de la administración con proyectos y eventos.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
{' '}
Apoyo del equipo de moderación.
</li>
@@ -43,22 +45,30 @@ const ClanesPage: FC = () => {
<Typography variant="body1">Todos los clanes deben cumplir con los siguientes requisitos:</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
{' '}
Tener un encargado.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
{' '}
Fomentar el compañerismo y la comunidad.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
{' '}
Aportar contenido de forma periódica para la comunidad.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
{' '}
Realizar al menos una actividad mensual con los integrantes.
</li>
src/app/dashboard/_components/teamApplications/ApplicationsList.tsx
+3 -3
View File
@@ -189,7 +189,7 @@ const ApplicationsList: FC = () => {
size="small"
onClick={header.column.getToggleSortingHandler()}
>
<FontAwesomeIcon icon={header.column.getIsSorted() === 'asc' ? faSortAsc : header.column.getIsSorted() === 'desc' ? faSortDesc : faSort} size="sm" fixedWidth />
<FontAwesomeIcon icon={header.column.getIsSorted() === 'asc' ? faSortAsc : header.column.getIsSorted() === 'desc' ? faSortDesc : faSort} size="sm" />
</IconButton>
)}
</div>
@@ -257,7 +257,7 @@ const ApplicationsList: FC = () => {
onClick={() => { table.previousPage() }}
disabled={!table.getCanPreviousPage()}
>
<FontAwesomeIcon icon={faChevronLeft} fixedWidth />
<FontAwesomeIcon icon={faChevronLeft} />
</IconButton>
Pagina
{' '}
@@ -270,7 +270,7 @@ const ApplicationsList: FC = () => {
onClick={() => { table.nextPage() }}
disabled={!table.getCanNextPage()}
>
<FontAwesomeIcon icon={faChevronRight} fixedWidth />
<FontAwesomeIcon icon={faChevronRight} />
</IconButton>
</div>
</>
src/app/equipo/unirse/ApplyForm.tsx
+27 -9
View File
@@ -272,7 +272,9 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Requisitos</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Imparcialidad</strong>
<br />
@@ -282,7 +284,9 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Beneficios</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Experiencia</strong>
<br />
@@ -306,7 +310,9 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Requisitos</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Profesionalismo</strong>
<br />
@@ -316,7 +322,9 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Beneficios</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Apoyo</strong>
<br />
@@ -340,21 +348,27 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Requisitos</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Profesionalismo</strong>
<br />
La comunidad siempre intenta conseguir el mayor nivel de calidad en todos sus proyectos, por lo que buscamos gente dispuesta a otorgar este nivel de profesionalismo para el disfrute de la comunidad.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Constancia</strong>
<br />
La comunidad busca gente que en sus posibilidades sea activa, que pueda estar al tanto de lo que pasa en ella.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Proactividad</strong>
<br />
@@ -364,14 +378,18 @@ const ApplyForm: FC = () => {
<Typography variant="h3">Beneficios</Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Experiencia</strong>
<br />
Uno de los objetivos de la comunidad es brindar experiencia en gestión y desarrollo de proyectos equiparable a un entorno laboral, que sea comprobable y útil.
</li>
<li>
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} fixedWidth listItem />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight as FontAwesomeIconProps['icon']} />
</span>
{' '}
<strong>Capacitación</strong>
<br />
src/components/layout/Footer.tsx
+7 -3
View File
@@ -4,7 +4,7 @@ import { Container } from '@/styled-system/jsx'
import { faChevronRight, faHeart } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import NextLink from 'next/link'
import { type FC } from 'react'
import type { FC } from 'react'
const Footer: FC = () => {
return (
@@ -25,11 +25,15 @@ const Footer: FC = () => {
<Typography variant="h3" component="div"> Acerca de </Typography>
<ul className="fa-ul">
<li>
<FontAwesomeIcon icon={faChevronRight} listItem fixedWidth />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
<NextLink href="/acerca-de"> EntGamers</NextLink>
</li>
<li>
<FontAwesomeIcon icon={faChevronRight} listItem fixedWidth />
<span className="fa-li">
<FontAwesomeIcon icon={faChevronRight} />
</span>
<NextLink href="/clanes"> Clanes</NextLink>
</li>
</ul>
src/components/layout/Header/SessionButtons.tsx
+17 -19
View File
@@ -11,7 +11,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { ADMIN_CLAN_ID, MODERATOR_CLAN_ID } from 'entgamers-database/frontend/clanes/administrative'
import { logout } from 'entgamers-database/frontend/session'
import NextLink from 'next/link'
import { type FC } from 'react'
import type { FC } from 'react'
const SessionButtons: FC = () => {
const { session, status, clanes } = useAppSelector((state) => state.session)
@@ -22,21 +22,19 @@ const SessionButtons: FC = () => {
if (status === 'idle' && session === undefined) {
return (
<>
<Tooltip
title="Iniciar sesión"
position="bottom"
<Tooltip
title="Iniciar sesión"
position="bottom"
>
<NextLink
href="/login"
className={
iconButton()
}
>
<NextLink
href="/login"
className={
iconButton()
}
>
<FontAwesomeIcon icon={faUser} fixedWidth />
</NextLink>
</Tooltip>
</>
<FontAwesomeIcon icon={faUser} />
</NextLink>
</Tooltip>
)
}
@@ -53,10 +51,10 @@ const SessionButtons: FC = () => {
iconButton()
}
>
<FontAwesomeIcon icon={faUser} fixedWidth />
<FontAwesomeIcon icon={faUser} />
</NextLink>
</Tooltip>
{clanes !== undefined && clanes?.teams.some((team) => team.$id === ADMIN_CLAN_ID || team.$id === MODERATOR_CLAN_ID) && (
{clanes?.teams.some((team) => team.$id === ADMIN_CLAN_ID || team.$id === MODERATOR_CLAN_ID) && (
<Tooltip
title="Panel de administración"
position="bottom"
@@ -67,7 +65,7 @@ const SessionButtons: FC = () => {
iconButton()
}
>
<FontAwesomeIcon icon={faCogs} fixedWidth />
<FontAwesomeIcon icon={faCogs} />
</NextLink>
</Tooltip>
)}
@@ -91,7 +89,7 @@ const SessionButtons: FC = () => {
})
}}
>
<FontAwesomeIcon icon={faRightFromBracket} fixedWidth />
<FontAwesomeIcon icon={faRightFromBracket} />
</IconButton>
</Tooltip>
</>
src/components/layout/Menu.tsx
+1 -1
View File
@@ -109,7 +109,7 @@ const Menu: FC = () => {
data-active={pathName === menuLink.href}
onClick={() => { setIsMenuOpen(false) }}
>
<FontAwesomeIcon icon={menuLink.icon} fixedWidth />
<FontAwesomeIcon icon={menuLink.icon} />
&nbsp;
{menuLink.label}
</NextLink>
src/components/ui/Alert.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { cx } from '@/styled-system/css'
import { alert, type AlertVariantProps } from '@/styled-system/recipes/alert'
import { type MergeOmitting } from '@/types/utilities'
import type { MergeOmitting } from '@/types/utilities'
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes'
import { FontAwesomeIcon, type FontAwesomeIconProps } from '@fortawesome/react-fontawesome'
import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode } from 'react'
import type { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from 'react'
import IconButton, { type IconButtonProps } from './IconButton'
type ComposedAlertProps = MergeOmitting<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AlertVariantProps>
@@ -32,7 +32,7 @@ export const AlertCloseButton: FC<ComposedAlertCloseButtonProps> = ({ children,
{...allOtherAlertProps}
>
{children === undefined
? <FontAwesomeIcon icon={faTimes as FontAwesomeIconProps['icon']} fixedWidth size="sm" />
? <FontAwesomeIcon icon={faTimes as FontAwesomeIconProps['icon']} size="sm" />
: children}
</IconButton>
)
src/components/ui/form/PasswordInput.tsx
+2 -2
View File
@@ -2,7 +2,7 @@ import IconButton from '@/components/ui/IconButton'
import Tooltip from '@/components/ui/Tooltip'
import { css, cx } from '@/styled-system/css'
import { input, type InputVariantProps } from '@/styled-system/recipes/input'
import { type MergeOmitting } from '@/types/utilities'
import type { MergeOmitting } from '@/types/utilities'
import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useState, type FC, type InputHTMLAttributes } from 'react'
@@ -47,7 +47,7 @@ const PasswordInput: FC<InputProps> = ({ className, ...props }) => {
size="small"
onClick={() => { setShowPassword(!showPassword) }}
>
<FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} fixedWidth />
<FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} />
</IconButton>
</Tooltip>
</div>