// intranett-screens.jsx — Intranett-modul: Forside, Chat, AI-bot, Kunngjøringer // "Innlogget bruker" = Kari Solberg const INT_ME = 'KS'; const intFmtDate = (iso) => { const d = new Date(iso); return d.toLocaleDateString('nb-NO', { day: 'numeric', month: 'short' }); }; // ═══════════════════════════════════════════════════════════════════════════ // INTRANETT WORKSPACE // ═══════════════════════════════════════════════════════════════════════════ function IntranettWorkspaceMock({ go }) { const [tab, setTab] = React.useState('forside'); const totUnread = INT_DM.reduce((s, d) => s + d.unread, 0) + 3; // 3 ulest i kanaler const tabs = [ { id: 'forside', label: 'Forside' }, { id: 'chat', label: 'Meldinger', badge: totUnread }, { id: 'ai', label: 'AI-Bot ✨' }, { id: 'kunngj', label: `Kunngjøringer (${INT_KUNNGJORINGER.length})` }, ]; return (
Aktiv {INT_KANALER.length} kanaler · 142 ansatte · 1 AI-assistent

Intranett

Hjemmet i hverdagen — kunngjøringer, samtaler på tvers og en AI-assistent som kjenner organisasjonen.
{tabs.map(t => ( ))}
{tab === 'forside' && } {tab === 'chat' && } {tab === 'ai' && } {tab === 'kunngj' && }
); } // ═══════════════════════════════════════════════════════════════════════════ // FORSIDE // ═══════════════════════════════════════════════════════════════════════════ function IntForsideMock({ setTab }) { const featured = INT_KUNNGJORINGER[2]; // OK:sykkel ny hall return (
{/* Hero — featured kunngjøring */}
Featured Fra {TEAM[featured.fra]?.n} · {intFmtDate(featured.dato)}

{featured.tittel}

{featured.ingress}
🚲
{/* Min dag */}
  • ● 11:00 — Statusrapport (frist)
  • ● 14:00 — Ledergruppemøte
  • ● 15:30 — 1:1 med Hanne
  • ● 16:30 — Anbud-status (Marius)
{/* Aktive samtaler */} setTab('chat')}>Åpne {I.chevron}}>
{INT_DM.filter(d => d.unread > 0).map(d => (
setTab('chat')}>
{TEAM[d.med]?.n}
{d.sist}
{d.unread}
))}
+ 3 uleste i #generelt og #ledelse
{/* AI-bot snippet */} ✨ Spør AI-assistenten} padded action={} >
Bot'en kjenner organisasjon, prosjekter og rutiner. Du kan spørre på norsk.
{INT_AI_FORSLAG.slice(0, 3).map((s, i) => ( ))}
{/* Hurtiglenker */}
{INT_HURTIGLENKER.map((l, i) => (
{VI.link}
{l.tittel}
{l.beskrivelse}
))}
{/* Nyeste kunngjøringer */} setTab('kunngj')}>Alle {I.chevron}}> {INT_KUNNGJORINGER.slice(0, 3).map((k, i) => (
{k.tittel} {k.viktighet === 'høy' ? Viktig : null}
{k.ingress}
{TEAM[k.fra]?.n}·{intFmtDate(k.dato)}·{k.visninger} har sett
))}
); } // ═══════════════════════════════════════════════════════════════════════════ // CHAT — Slack-style med kanaler + DM // ═══════════════════════════════════════════════════════════════════════════ function IntChatMock() { const [active, setActive] = React.useState({ type: 'kanal', id: 'generelt' }); const [allMsgs, setAllMsgs] = React.useState({ ...INT_MELDINGER, ...INT_DM_HISTORIKK }); const [input, setInput] = React.useState(''); const listRef = React.useRef(null); const kanal = active.type === 'kanal' ? INT_KANALER.find(k => k.id === active.id) : null; const dm = active.type === 'dm' ? INT_DM.find(d => d.id === active.id) : null; const msgs = allMsgs[active.id] || []; React.useEffect(() => { if (listRef.current) listRef.current.scrollTop = listRef.current.scrollHeight; }, [msgs.length, active.id]); const send = () => { if (!input.trim()) return; const now = new Date(); const time = `${now.getHours().toString().padStart(2,'0')}:${now.getMinutes().toString().padStart(2,'0')}`; const newMsg = { id: 'new-' + Date.now(), who: INT_ME, time, date: '21.05', text: input.trim() }; setAllMsgs(prev => ({ ...prev, [active.id]: [...(prev[active.id] || []), newMsg] })); setInput(''); }; return (
{/* Venstre side · kanaler + DM */}
Kanaler
{INT_KANALER.map(k => { const isActive = active.type === 'kanal' && active.id === k.id; return ( ); })}
Direkte meldinger
{INT_DM.map(d => { const isActive = active.type === 'dm' && active.id === d.id; const a = TEAM[d.med]; return ( ); })}
{/* Høyre side · meldinger */}
{/* Header */}
{kanal ? ( <> {kanal.emoji}
{kanal.privat ? '🔒 ' : '# '}{kanal.navn} · {kanal.medlemmer} medlemmer
{kanal.beskrivelse}
) : dm ? ( <>
{TEAM[dm.med]?.n}
{TEAM[dm.med]?.r} · 🟢 aktiv
) : null}
{/* Meldinger */}
{msgs.length === 0 ? (
Ingen meldinger ennå. Vær først ut!
) : msgs.map((m, i) => { const a = TEAM[m.who]; const prev = msgs[i - 1]; const compact = prev && prev.who === m.who && prev.date === m.date; const newDay = !prev || prev.date !== m.date; return ( {newDay ? (
{m.date === '21.05' ? 'I dag · 21. mai' : m.date === '20.05' ? 'I går · 20. mai' : m.date}
) : null}
{compact ? (
{m.time}
) : ( )}
{!compact ? (
{a?.n || m.who} {m.time}
) : null}
{renderText(m.text)}
{m.reactions ? (
{m.reactions.map((r, j) => ( {r.e} {r.n} ))} +
) : null}
); })}
{/* Composer */}