60fef5c0c9
- FileRepository (CRUD, soft-delete, pagination, project isolation) + FileStorageService (local FS save data/uploads/<projectId>/<uuid>.<ext>, MIME allowlist, filename sanitize, unique uuid name, member permission, file_shared notification to other members, file_uploaded activity log, SSE file.uploaded, uploader/admin delete + FS unlink) - APIs: files list/upload(multipart), download (membership), delete - Screens: files page + Uploader(multipart) + FileList(image Lightbox, PDF link, delete), ProjectNav ファイル link - Unit tests (FileRepository, FileStorageService) + e2e file-sharing
67 lines
1.7 KiB
TypeScript
67 lines
1.7 KiB
TypeScript
const NAV_ITEMS = [
|
|
{ href: '', label: '概要' },
|
|
{ href: '/board', label: '掲示板' },
|
|
{ href: '/notes', label: 'メモ' },
|
|
{ href: '/chat', label: 'チャット' },
|
|
{ href: '/todos', label: 'ToDo' },
|
|
{ href: '/files', label: 'ファイル' },
|
|
{ href: '/members', label: 'メンバー' },
|
|
{ href: '/activity', label: 'アクティビティ' },
|
|
{ href: '/settings', label: '設定' },
|
|
] as const;
|
|
|
|
/**
|
|
* プロジェクト内サブナビゲーション。
|
|
* href は `/projects/{projectId}` を起点とする相対パス。
|
|
*/
|
|
export function ProjectNav({
|
|
projectId,
|
|
active,
|
|
}: {
|
|
projectId: number;
|
|
active:
|
|
| 'overview'
|
|
| 'board'
|
|
| 'notes'
|
|
| 'chat'
|
|
| 'todos'
|
|
| 'files'
|
|
| 'members'
|
|
| 'activity'
|
|
| 'settings';
|
|
}) {
|
|
const activeMap: Record<string, boolean> = {
|
|
overview: active === 'overview',
|
|
board: active === 'board',
|
|
notes: active === 'notes',
|
|
chat: active === 'chat',
|
|
todos: active === 'todos',
|
|
files: active === 'files',
|
|
members: active === 'members',
|
|
activity: active === 'activity',
|
|
settings: active === 'settings',
|
|
};
|
|
|
|
return (
|
|
<nav className="flex gap-4 border-b bg-white px-6 py-2 text-sm">
|
|
{NAV_ITEMS.map((item) => {
|
|
const key = item.href === '' ? 'overview' : item.href.slice(1);
|
|
const href = `/projects/${projectId}${item.href}`;
|
|
return (
|
|
<a
|
|
key={item.href}
|
|
href={href}
|
|
className={
|
|
activeMap[key]
|
|
? 'font-medium text-blue-600'
|
|
: 'text-gray-600 hover:underline'
|
|
}
|
|
>
|
|
{item.label}
|
|
</a>
|
|
);
|
|
})}
|
|
</nav>
|
|
);
|
|
}
|