diff --git a/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.module.scss b/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.module.scss index 2edac8e..c8773e2 100644 --- a/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.module.scss +++ b/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.module.scss @@ -40,6 +40,22 @@ color: $red-500; } +.section + .section { + margin-top: $sp-6; + padding-top: $sp-6; + border-top: 1px solid $gray-200; +} + +.sectionTitle { + font-family: $font-sans; + font-size: $fs-caption; + font-weight: 600; + color: $gray-500; + text-transform: uppercase; + letter-spacing: .04em; + margin-bottom: $sp-4; +} + .group + .group { margin-top: $sp-5; } diff --git a/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.tsx b/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.tsx index 0413c0f..a70a910 100644 --- a/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.tsx +++ b/src/webparts/requestPortal/features/myRequests/MyRequestsPanel.tsx @@ -53,8 +53,52 @@ function statusClass(status: string): string { } } -// Постоянная боковая панель «Мои заявки»: заявки, которые создал текущий -// пользователь, по всем типам заявок, известным approval-route API. +const RequestItem: React.FC<{ r: IMyRequest }> = ({ r }) => ( +