admin/NetMapper2026
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Remove WIP tab from frontend, keep roadmap only in repo
CI / basic-check (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Perplexity Bot
2026-08-04 20:19:19 +00:00
parent 12a6dffcb9
commit 998c5246dd
2 changed files with 46 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+7 -32
View File
@@ -2,7 +2,7 @@ import { useState } from 'react';
import { InventoryPage } from './pages/InventoryPage';
import './app-shell.css';
type TabKey = 'overview' | 'inventory' | 'discovery' | 'topology' | 'options' | 'wip';
type TabKey = 'overview' | 'inventory' | 'discovery' | 'topology' | 'options';
const tabs: { key: TabKey; label: string; description: string }[] = [
{ key: 'overview', label: 'Overview', description: 'Stato generale del workspace NetMapper.' },
@@ -10,7 +10,6 @@ const tabs: { key: TabKey; label: string; description: string }[] = [
{ key: 'discovery', label: 'Discovery', description: 'Pipeline e job di raccolta dati.' },
{ key: 'topology', label: 'Topology', description: 'Vista futura della mappa multilivello.' },
{ key: 'options', label: 'Options', description: 'Utenti, impostazioni, servizi di sistema e sicurezza.' },
{ key: 'wip', label: 'WIP', description: 'Roadmap e link a Gitea per lo sviluppo.' },
];
function ShellCard({ title, children, tone = 'default' }: { title: string; children: React.ReactNode; tone?: 'default' | 'accent' | 'warning' }) {
@@ -62,11 +61,11 @@ function DiscoveryTab() {
<li>Correlazione con relazioni inventory.</li>
</ul>
</ShellCard>
<ShellCard title="Job queue / WIP">
<ShellCard title="Job queue">
<ul className="shell-list">
<li>SNMP collector — WIP.</li>
<li>LLDP ingestion — WIP.</li>
<li>Port mapping inference — WIP.</li>
<li>SNMP collector.</li>
<li>LLDP ingestion.</li>
<li>Port mapping inference.</li>
</ul>
</ShellCard>
</div>
@@ -160,27 +159,6 @@ function OptionsTab() {
);
}
function WipTab() {
return (
<div className="shell-grid two-columns">
<ShellCard title="Roadmap" tone="accent">
<ul className="shell-list">
<li>La roadmap è centralizzata su Gitea: issues, milestone e board.</li>
<li>I WIP visibili sono rimossi dal frontend per evitare rumore.</li>
<li>Le card di Overview riportano solo milestone attive, non backlog.</li>
</ul>
</ShellCard>
<ShellCard title="Gitea link">
<ul className="shell-list">
<li>Issues aperte, board e roadmap del progetto NetMapper.</li>
<li>Link placeholder: <code>https://git.lelekaos.com/admin/NetMapper2026/issues</code></li>
<li>Da integrare in futuro con widget o embed della board.</li>
</ul>
</ShellCard>
</div>
);
}
function App() {
const [activeTab, setActiveTab] = useState<TabKey>('inventory');
const currentTab = tabs.find((tab) => tab.key === activeTab)!;
@@ -204,7 +182,7 @@ function App() {
onClick={() => setActiveTab(tab.key)}
>
<span>{tab.label}</span>
<small>{tab.label === 'WIP' ? 'Roadmap e link a Gitea per lo sviluppo.' : tab.description}</small>
<small>{tab.description}</small>
</button>
))}
</nav>
@@ -220,7 +198,7 @@ function App() {
<header className="app-header">
<div>
<h2>{currentTab.label}</h2>
<p>{currentTab.label === 'WIP' ? 'Roadmap e link a Gitea per lo sviluppo.' : currentTab.description}</p>
<p>{currentTab.description}</p>
</div>
<div className="app-header-actions">
<span className="shell-pill">Book of truth</span>
@@ -243,9 +221,6 @@ function App() {
<section style={{ display: activeTab === 'options' ? 'block' : 'none' }}>
<OptionsTab />
</section>
<section style={{ display: activeTab === 'wip' ? 'block' : 'none' }}>
<WipTab />
</section>
</main>
</div>
);