Active nav link state not showing
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Primero ejecuta el sitio localmente y en staging; después, añade el registro solicitado alrededor de getUrlPath(currentURL) y compara su resultado con navLink.href. El trabajo estará terminado cuando el enlace de navegación activo reciba el estilo azul en staging igual que localmente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Run locally the active nav link renders blue:
This doesn't appear to be happening in our staging environment.
function getUrlPath(url) {
const parts = url.split("/");
return "/" + parts[parts.length - 1];
}
function renderNavLink(navLink, index) {
return (
<a
href={navLink.href}
target={navLink.target}
key={index}
className={
getUrlPath(currentURL) === navLink.href
? "font-regular text-blue-700"
: "font-regular text-gray-800 hover:text-blue-700"
}
>
{navLink.linkText}
</a>
);
}
Add console.log to above code to check what getUrlPath is returning on staging
- Lenguaje dominante
- TypeScript
- Estrellas
- 10
- Forks
- 8
- Merge medio
- 21 min
- PR fusionados (30 d)
- 6
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de audacity/audacity.github.io
-
No link back to audacity githubAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
audacity/audacity.github.io#105 · 1 reacción ·
-
Dead linksAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
-
Add licenseAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 20/100
-
review noscript solutionAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
-
No checksum typeAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 35/100
audacity/audacity.github.io#41 · 1 reacción ·
Todos los issues de audacity/audacity.github.io
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 4 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día