meshery/meshery

[UI] Dashboard Widget: Latest Blogs enhancements

Open

#13.753 aberto em 25 de fev. de 2025

Ver no GitHub
 (3 comments) (0 reactions) (1 assignee)HTML (10.013 stars) (3.101 forks)batch import
component/uiframework/reacthelp wantedissue/stalekind/buglanguage/javascript

Description

Current Behavior

The "Latest Blogs" dashboard widget is new. It has a couple of aspects in need of improvement.

Desired Behavior

  1. Make design/pattern logo highlight in its green color on hover.
  2. Ensure the widget has an appropriate empty state.

Screenshots/Logs

Contributor Guides and Handbook

Guia do colaborador

Pilha de tecnologia
reactjavascriptcsshtml
Domain
frontend
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
blocked
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
ReactCSSFamiliarity with Meshery UI
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
45
Direção de pesquisa
Look at the existing 'Latest Blogs' widget component in the Meshery UI source (likely in ui/components directory). For the hover effect, add a CSS transition to change the logo's background color to green on hover. For the empty state, check if there's a reusable empty state component and implement a placeholder when no blogs are present. Test locally using the Meshery UI development server.