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 ( +
+ {taskTitle} + {props.children} +
+Простые уведомления о движении задач - и больше ничего лишнего. + Пример уведомления по личному упоминанию в задаче: +
+ +Можно задавать коллегам вопросы прямо из комментария задачи, неотрываясь от её содержимого. Уведомление доставится в считанные минуты с ссылкой на задачу и информацией от кого это уведомление.
+Пример запроса моих текущих задач с помощью команды + /current_issues_eccm +
+ +