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

enhancement_410_page_blog #420

Merged
merged 4 commits into from
Jun 21, 2024
Merged

Conversation

AlexanderMorugin
Copy link
Collaborator

@AlexanderMorugin AlexanderMorugin commented Jun 16, 2024

Этап первый - верстка

  • Переделал страницу BlogPage

  • Сделал компонент SideBarBlog, лежит в виджетах - это боковое меню навигации на странице Блог. При ширине экрана менее 1200px, меню приобретает иной вид и далее становится скроллом. На данный момент, меню работает на моковых данных и далее будет переделано под данные с сервера. Имеет сторибук.

  • Перенес ранее созданные компоненты BlogCategories и BlogTags из папки components в entities. Эти компоненты входят в вышеуказанный компонент SideBarBlog и далее будут выполнять фильтрацию по категориям и тегам. Компоненты переделаны не до конца. Пока в основном сделана верстка. Сторибуки есть

  • Перенес ранее созданный компонент BlogMain из папки components в widgets. Отредактировал и сделал сторибук. Данный компонент - это основное содержание страницы BlogPage. Не сделана пагинация - это будет на втором этапе. Также будет переделана самая верхняя карточка BlogMainItem, компонент которой временно перенесен из папки components в entities, затем этот компонент не понадобится и я его использую под этим же названием, но с другой функциональностью

  • В компоненте BlogMain используются не моковые данные, а серверные, которые берутся из компонента BlogBlock, который отображается на главной странице. Возможно так делать нельзя?

  • Отредактирован компонент BlogCard, лежит в entities. Данный компонент это карточка блога, используется в двух местах. На главной странице MainPage (в компоненте BlogBlock) и на странице BlogPage (в компоненте BlogMain). За счет использования булевого значения isBlog, карточки блогов, на разных страницах (главной и странице Блог) выглядят по разному.

  • Сделал пере-используемый компонент TagButton, лежит в entities, имеет сторибук. Показывает теги поверх картинки, на карточках блогов

  • Перенес ранее созданный компонент BlogItemForContainer из папки components в entities. Компонент теперь пере-используемый и имеет сторибук. Показывает количество просмотров и комментариев поверх картинки, на карточках блогов

  • В файле миксинов _mixins.scss, лежит в @/shared/styles/utils, добавил новый брейкпоинт ширины браузера
    'small-middle': (
    max-width: 576px
    )

@AlexanderMorugin AlexanderMorugin requested a review from aimenin June 16, 2024 13:26
@AlexanderMorugin AlexanderMorugin self-assigned this Jun 16, 2024
@AlexanderMorugin AlexanderMorugin linked an issue Jun 16, 2024 that may be closed by this pull request
Copy link
Collaborator

@aimenin aimenin left a comment

Choose a reason for hiding this comment

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

Отличная работа, парочка замечаний, сделай и можно мержить

</li>
)
}),
[[...new Set(cat)]]
Copy link
Collaborator

Choose a reason for hiding this comment

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

ставить в зависимости в хуках массив - не имеет смысла. Насколько я вижу, здесь идет зависимость от переменной cat. И кстати, что это за переменные - cat и unique cats, переименуй, пожалуйста в что-то осмысленное

@@ -1,27 +1,27 @@
import { TBlogItem } from './BlogItemModel'
// import { TBlogItem } from './BlogItemModel'
Copy link
Collaborator

Choose a reason for hiding this comment

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

Если оставляем комментарии - делаем issue что этот функционал нужно вернуть и при каких условиях.
Здесь оставляем todo и ссылку на этот issue

))}
</ul>

{/* Далее буду использовать пагинацию, как это сделано на странице ProductsPage
Copy link
Collaborator

Choose a reason for hiding this comment

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

делаем issue и оставляем todo здесь

@AlexanderMorugin AlexanderMorugin merged commit 9d588f7 into master Jun 21, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request верстка
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Переделать страницу блога под fsd
2 participants