Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Clean up frontend: compact model select + polished UI

Abierto
#2 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
72/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Tranquilo
Stack tecnológico
typescript
Área
design, frontend

Línea de trabajo

Empieza leyendo src/components/chat/model-selector.tsx y el flujo actual del estado del modelo; después inspecciona src/components/providers.tsx y src/components/chat/chat-panel.tsx. Añade el ModelProvider compartido, mueve el selector a src/components/nav.tsx y crea los iconos SVG de Claude y Gemini en src/components/icons/model-icons.tsx. La tarea estará terminada cuando el selector compacto de navegación controle el modelo del chat y se haya eliminado el encabezado del selector con borde.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Why

The current model selector uses two large side-by-side cards that take up too much vertical space and don't feel polished enough for the hackathon demo. We want to impress judges with a minimal, clean interface.

What

  • Replace card-based model selector with a compact Select dropdown in the nav bar
  • Add proper Claude and Gemini icon marks (SVG, icon-only — no text logos)
  • Remove the bordered header section from the chat panel — the selector moves into the nav
  • Create a shared model context so nav and chat panel can share model state cleanly

Files to touch

File Action
src/components/icons/model-icons.tsx New — Claude & Gemini SVG icons
src/components/chat/model-context.tsx New — shared model state context
src/components/chat/model-selector.tsx Rewrite — cards → Select dropdown
src/components/nav.tsx Add ModelSelector to right-side controls
src/components/chat/chat-panel.tsx Remove selector header, use context
src/components/providers.tsx Add ModelProvider

Reference

Style/font inspiration: https://github.com/lfglabs-dev/private-ethereum-assistant

Lenguaje dominante
TypeScript
Estrellas
0
Forks
0
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.