feat: changed folder structure for the secod dev

This commit is contained in:
Тимур Городецкий
2026-08-03 12:06:48 +05:00
parent bc91c9861d
commit 788e046ebe
11 changed files with 367 additions and 104 deletions
@@ -0,0 +1,33 @@
@import '../../../../styles/design-tokens';
// Постоянная боковая панель (всегда открыта). Раскладку колонок задаёт корень;
// здесь — только внутреннее оформление панели.
.panel {
display: flex;
flex-direction: column;
height: 100%;
background: $white;
border: 1px solid $gray-200;
border-radius: $r-lg;
box-shadow: $sh-1;
overflow: hidden;
}
.header {
padding: $sp-4 $sp-5;
border-bottom: 1px solid $gray-200;
}
.title {
font-family: $font-serif;
font-size: 18px;
color: $navy-900;
}
.body {
flex: 1;
overflow-y: auto;
padding: $sp-5;
color: $gray-500;
font-size: $fs-sm;
}
@@ -0,0 +1,26 @@
import * as React from 'react';
import type { WebPartContext } from '@microsoft/sp-webpart-base';
import styles from './MyRequestsPanel.module.scss';
export interface IMyRequestsPanelProps {
context: WebPartContext;
}
// Постоянная боковая панель «Мои заявки»: пользователь видит, что он отправлял
// и согласовывал. Всегда открыта (без кнопки/оверлея).
// Владелец: второй разработчик. Вся логика/данные — внутри этой папки.
// Общий UI-кит (shared/ui), pnpjs и config можно импортировать, но НЕ менять.
const MyRequestsPanel: React.FC<IMyRequestsPanelProps> = (/* { context } */) => {
return (
<aside className={styles.panel} aria-label="Мои заявки">
<div className={styles.header}>
<span className={styles.title}>Мои заявки</span>
</div>
<div className={styles.body}>
Раздел в разработке: здесь будут заявки пользователя, статусы и согласования.
</div>
</aside>
);
};
export default MyRequestsPanel;