diff --git a/frontend/public/images/event_emitter_eltex_loc-49px.png b/frontend/public/images/event_emitter_eltex_loc-49px.png new file mode 100644 index 0000000..f6bfaec Binary files /dev/null and b/frontend/public/images/event_emitter_eltex_loc-49px.png differ diff --git a/frontend/src/start-page/notification-block.module.css b/frontend/src/start-page/notification-block.module.css new file mode 100644 index 0000000..443dc1c --- /dev/null +++ b/frontend/src/start-page/notification-block.module.css @@ -0,0 +1,32 @@ +.message { + display: flex; + flex-direction: row; + align-items: end; + justify-content: center; +} + +.event_emitter_eltex_loc_icon { + vertical-align: middle; + height: 52px; + padding: 0em 15px 0px 0px; +} + +.text_box { + width: 760px; + background-color: white; + border-radius: 28px; + box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.25); +} + +.text_box_text { + padding-top: 0px; + padding-left: 40px; + padding-right: 40px; + padding-bottom: 0px; + font-size: 16pt; + line-height: normal; +} + +.text_box_text_blue { + color: rgb(38, 140, 204); +} \ No newline at end of file diff --git a/frontend/src/start-page/notification-block.tsx b/frontend/src/start-page/notification-block.tsx new file mode 100644 index 0000000..1956af1 --- /dev/null +++ b/frontend/src/start-page/notification-block.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import NotificationBlockCss from './notification-block.module.css'; + +export type Props = { + avatarUrl: string; + taskTitle?: string; + children?: any; +}; + +export const NotificationBlock = (props: Props) => { + const taskTitle = props?.taskTitle + ? ({props.taskTitle} ) + : (<>); + return ( +
+ event_emitter_eltex_loc +
+

+ {taskTitle} + {props.children} +

+
+
+ ); +}; + +export default NotificationBlock; \ No newline at end of file diff --git a/frontend/src/start-page/start-page.tsx b/frontend/src/start-page/start-page.tsx index f1e32ed..68748fc 100644 --- a/frontend/src/start-page/start-page.tsx +++ b/frontend/src/start-page/start-page.tsx @@ -2,6 +2,8 @@ import React from 'react'; import Content from './content'; import ContentBlock from './content-block'; import Cover from './cover'; +import NotificationBlock from './notification-block'; +import NotificationBlockCss from './notification-block.module.css'; import StartPageCss from './start-page.module.css'; import TopBar from './top-bar'; @@ -31,6 +33,65 @@ export const StartPage = () => {
  • Скриншоты уведомления от бота: Примеры уведомлений о новых задачах и об изменениях статусов:
  • + + + Реализовать поддержку нового протокола:

    + Стив Джобс изменил статус задачи с Feedback на Closed +
    + + + Добавить поддержку новых моделей:

    + + Билл Гейтс создал новую задачу и назначил её на вас +
    + +

    Простые уведомления о движении задач - и больше ничего лишнего. + Пример уведомления по личному упоминанию в задаче: +

    + + + Сергей Брин:

    + + @Ларри Пейдж@, у меня есть хорошая идея. Посмотри, пожалуйста, по описанию к этой задаче. +
    + + + Исправление уязвимости

    + + Линус Торвальдс завершил разработку по задаче и передал вам на ревью

    + + Кажется получилось поправить проблемку. Глянь мой MR. +
    + +

    Можно задавать коллегам вопросы прямо из комментария задачи, неотрываясь от её содержимого. Уведомление доставится в считанные минуты с ссылкой на задачу и информацией от кого это уведомление.

    +

    Пример запроса моих текущих задач с помощью команды + /current_issues_eccm +

    + + + Бьёрн Страуструп:

    + + Re-opened:

    + - Feature #223301: + Дополнить stdlib новыми функциями (прио - P4, версия - C++23)

    + In Progress:

    + - Question #223411: + Выпуск релиза C++23 (прио - P4, версия - C++23) +