Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Добавляет кастомный виджет со звёздочками GitHub #1316

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Inventoris
Copy link
Member

Навеяно ишью #1308

Предлагаю добавить кастомный виджет с поддержкой смены цветовой темы (а ещё в дизайн-коде Доки и на русском).

Если про сам дизайн, то использовал скругления и цвета с переключателя цветовой темы. По общей структуре ориентировался на такой вариант:

image

Разумеется всё обсуждаемо, особенно дизайн @skorobaeus 🙌

Было:

image

Стало:

image

В тёмной теме:

image

Copy link

Превью контента из опубликовано.

Comment on lines +7 to +13
const response = await fetch('https://api.github.com/repos/doka-guide/content')
const { stargazers_count: stargazersCount } = await response.json()

stargazers.textContent = `${(stargazersCount / 1000).toFixed(1).replace(/\.0$/, '')}к`
} catch (error) {
console.error('Ошибка формирования количества звёзд репозитория контента', error)
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Привет,
смотрится как отличная замена текущему виджету!

У меня тут пару сомненений:

  • вычисление кол-ва звёзд кажется не учитывает вариант что звёзд будет (надеюсь не будет) меньше 1000. Может стоит добавлять k только после проверки числа ?
  • текст ошибки не подходит под случай если запрос упал

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Привет, супер)

  1. Не думаю, что стоит добавлять такую проверку. Я рассматривал этот вариант, но мне показалось, что он нереалистичный. Около трёхсот человек придёт и заберет звёздочку? Если только на главной Доки будет какой-то острый политический контент, и пройдёт новость об этом, после чего люди пойдут жёстко минусить. Разве что так.
  2. Почему? Запрос упал, звёзды не сформировались.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Запрос упал, но в консоли сообщение: "Ошибка формирования количества звёзд репозитория контента".
Скорее уж в этом случае это ошибка получения данных о репозитории

Впрочем, может это не важно )

@solarrust solarrust added вёрстка Задачи по вёрстке дизайн Задачи по дизайну labels Dec 19, 2024
@furtivite
Copy link
Member

Мне нравится начинание, но я немного потерял смысловое содержание. Это личное мнение, возможно, на что-то натолкнёт.

В оригинальном виджете есть значёк гитхаба, есть слово Stars. Понятно, что это какие-то звёзды на гитхабе. В PR я вижу значёк звезды, и слово звёзды.

Как старый житель Доки, который знает, что Дока лежит на гитхабе, я пойму. Как новый — увы, будет сложнее. Я бы призвал @skorobaeus пошаманить над визуалом.

@skorobaeus skorobaeus self-requested a review December 19, 2024 14:55
@igsekor
Copy link
Member

igsekor commented Dec 28, 2024

Интересное начинание, но, кажется, способ запроса совсем не подходит нам. Прямые запросы на GitHub уже в прошлом. Так что эту часть нужно будет переделать. Доберусь в январе и с удовольствием помогу :) Но это техническая сторона. А вот дизайнерская сторона вопроса — тут @skorobaeus.

И надо будет сделать проверку на тысячу. Мы должны проработать все сценарии, поддержу @vitya-ne

@Inventoris
Copy link
Member Author

Интересное начинание, но, кажется, способ запроса совсем не подходит нам. Прямые запросы на GitHub уже в прошлом. Так что эту часть нужно будет переделать. Доберусь в январе и с удовольствием помогу :) Но это техническая сторона. А вот дизайнерская сторона вопроса — тут @skorobaeus.

И надо будет сделать проверку на тысячу. Мы должны проработать все сценарии, поддержу @vitya-ne

Спасибо за интересное начинание! Огонь, окей с тысячью. Думаю я тут смыслю в коммерческом поле, что за трату часов на такую проверку дали бы по шапке. Но в парадигме open-source кода, с анлимом времени и работой на вольных хлебах имеет смысл делать все проверки, все условия и всё всё всё. Согласен ещё раз!

Очень интересно с тейком про прямые запросы. Могу лишь гадать про некое ограничения на количество запросов, которое может аукнуться, или желание сделать некое кеширование. В общем жду с нетерпением январь)

@Inventoris Inventoris marked this pull request as draft December 29, 2024 08:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
вёрстка Задачи по вёрстке дизайн Задачи по дизайну
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants