From 8e877c865106bf656c41e111c1ec702e3de888c7 Mon Sep 17 00:00:00 2001
From: Thibault Pouch <thibault.pouch@epitech.eu>
Date: Thu, 12 Mar 2026 10:59:07 +0100
Subject: [PATCH] feat: add functionality toggle for Intranet Bugs and
 Moderation features with enable/disable buttons

---
 .../src/pages/intranet/IntranetBugs.tsx       | 52 ++++++++++++++-
 .../src/pages/intranet/IntranetDashboard.tsx  |  2 +
 .../src/pages/intranet/IntranetModeration.tsx | 65 +++++++++++++++++--
 3 files changed, 110 insertions(+), 9 deletions(-)

diff --git a/nest-intra/src/pages/intranet/IntranetBugs.tsx b/nest-intra/src/pages/intranet/IntranetBugs.tsx
index 12721a5..8894848 100644
--- a/nest-intra/src/pages/intranet/IntranetBugs.tsx
+++ b/nest-intra/src/pages/intranet/IntranetBugs.tsx
@@ -26,6 +26,7 @@ export default function IntranetBugs() {
   const [severityFilter, setSeverityFilter] = useState<BugSeverity | 'all'>('all');
   const [assignedFilter, setAssignedFilter] = useState<string | 'all'>('all');
   const [noteText, setNoteText] = useState('');
+  const [isEnabled, setIsEnabled] = useState(true);
 
   const openCount = bugs.filter((b) => b.status === 'open').length;
   const criticalCount = bugs.filter((b) => b.severity === 'critical').length;
@@ -72,13 +73,60 @@ export default function IntranetBugs() {
     setNoteText('');
   }, [noteText, user]);
 
+  if (!isEnabled) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
+        <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
+          INTRANET / BUG REPORTS
+        </div>
+        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
+        <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Bug Reports feature is currently disabled</p>
+        <button
+          onClick={() => setIsEnabled(true)}
+          style={{
+            background: 'var(--color-green)',
+            color: 'var(--color-bg)',
+            border: 'none',
+            padding: '0.6rem 1.2rem',
+            fontFamily: 'var(--font-mono)',
+            fontSize: '0.85rem',
+            cursor: 'pointer',
+            textTransform: 'uppercase',
+            letterSpacing: '0.08em',
+          }}
+        >
+          Re-enable
+        </button>
+      </div>
+    );
+  }
+
   return (
     <div style={{ display: 'grid', gridTemplateColumns: selected ? '1fr 400px' : '1fr', gap: '1.5rem', alignItems: 'start' }}>
       {/* Left panel */}
       <div>
         <div style={{ marginBottom: '1.5rem' }}>
-          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
-            INTRANET / BUG REPORTS
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.5rem' }}>
+            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em' }}>
+              INTRANET / BUG REPORTS
+            </div>
+            <button
+              onClick={() => setIsEnabled(false)}
+              style={{
+                background: 'transparent',
+                border: '1px solid var(--color-red)',
+                color: 'var(--color-red)',
+                padding: '0.3rem 0.7rem',
+                fontFamily: 'var(--font-mono)',
+                fontSize: '0.65rem',
+                cursor: 'pointer',
+                textTransform: 'uppercase',
+                letterSpacing: '0.08em',
+              }}
+              title="Disable this feature"
+            >
+              [DISABLE]
+            </button>
           </div>
           <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '1rem' }}>BUG DASHBOARD</h1>
 
diff --git a/nest-intra/src/pages/intranet/IntranetDashboard.tsx b/nest-intra/src/pages/intranet/IntranetDashboard.tsx
index 7110122..4e1053b 100644
--- a/nest-intra/src/pages/intranet/IntranetDashboard.tsx
+++ b/nest-intra/src/pages/intranet/IntranetDashboard.tsx
@@ -125,6 +125,8 @@ export default function IntranetDashboard() {
           <NavTile to="/intranet/feed" label="Team Feed" description="Internal staff activity feed. Post updates visible only to the team." icon="[~]" />
           <NavTile to="/intranet/users" label="User Management" description="View all registered users. Promote or ban accounts." icon="[U]" />
           <NavTile to="/intranet/moderation" label="Forum Moderation" description="Pin, lock, and delete threads and replies from the public forum." icon="[M]" />
+          <NavTile to="/intranet/events" label="Event Calendar" description="Manage upcoming events, deadlines, and team meetings." icon="[E]" />
+          <NavTile to="/intranet/services" label="Service Status" description="Redirection to all the services." icon="[S]" />
         </div>
       </div>
 
diff --git a/nest-intra/src/pages/intranet/IntranetModeration.tsx b/nest-intra/src/pages/intranet/IntranetModeration.tsx
index 525b261..f51c3b2 100644
--- a/nest-intra/src/pages/intranet/IntranetModeration.tsx
+++ b/nest-intra/src/pages/intranet/IntranetModeration.tsx
@@ -8,6 +8,7 @@ export default function IntranetModeration() {
   const [selectedThreadId, setSelectedThreadId] = useState<string | null>(null);
   const [search, setSearch] = useState('');
   const [activeTab, setActiveTab] = useState<'threads' | 'replies'>('threads');
+  const [isEnabled, setIsEnabled] = useState(true);
 
   const filteredThreads = useMemo(() => {
     if (!search.trim()) return threads;
@@ -44,14 +45,62 @@ export default function IntranetModeration() {
 
   return (
     <div>
-      <div style={{ marginBottom: '1.75rem' }}>
-        <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
-          INTRANET / MODERATION
+      {!isEnabled ? (
+        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '400px', textAlign: 'center' }}>
+          <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '1rem' }}>
+            INTRANET / MODERATION
+          </div>
+          <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-red)', fontSize: '2rem', marginBottom: '0.5rem' }}>FUNCTIONALITY DISABLED</h1>
+          <p style={{ color: 'var(--color-text-muted)', marginBottom: '1.5rem' }}>Forum Moderation feature is currently disabled</p>
+          <button
+            onClick={() => setIsEnabled(true)}
+            style={{
+              background: 'var(--color-green)',
+              color: 'var(--color-bg)',
+              border: 'none',
+              padding: '0.6rem 1.2rem',
+              fontFamily: 'var(--font-mono)',
+              fontSize: '0.85rem',
+              cursor: 'pointer',
+              textTransform: 'uppercase',
+              letterSpacing: '0.08em',
+            }}
+          >
+            Re-enable
+          </button>
+        </div>
+      ) : (
+        <div>
+      <div style={{ marginBottom: '1.75rem' }}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+          <div>
+            <div style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.7rem', letterSpacing: '0.15em', marginBottom: '0.5rem' }}>
+              INTRANET / MODERATION
+            </div>
+            <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '0.5rem' }}>FORUM MODERATION</h1>
+            <p style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.78rem' }}>
+              {threads.length} threads &mdash; {replies.length} replies
+            </p>
+          </div>
+          <button
+            onClick={() => setIsEnabled(false)}
+            style={{
+              background: 'transparent',
+              border: '1px solid var(--color-red)',
+              color: 'var(--color-red)',
+              padding: '0.3rem 0.7rem',
+              fontFamily: 'var(--font-mono)',
+              fontSize: '0.65rem',
+              cursor: 'pointer',
+              textTransform: 'uppercase',
+              letterSpacing: '0.08em',
+              height: 'fit-content',
+            }}
+            title="Disable this feature"
+          >
+            [DISABLE]
+          </button>
         </div>
-        <h1 style={{ fontFamily: 'var(--font-heading)', color: 'var(--color-text)', fontSize: '1.8rem', marginBottom: '0.5rem' }}>FORUM MODERATION</h1>
-        <p style={{ fontFamily: 'var(--font-mono)', color: 'var(--color-text-muted)', fontSize: '0.78rem' }}>
-          {threads.length} threads &mdash; {replies.length} replies
-        </p>
       </div>
 
       {/* Tabs */}
@@ -226,5 +275,7 @@ export default function IntranetModeration() {
         </div>
       )}
     </div>
+      )}
+    </div>
   );
 }