Fix/eslint issue 207 stack

frontend/components/CommentInput.tsx

@@ -13,7 +13,6 @@ interface CommentInputProps {
 }
 
 export function CommentInput({
-  proposalId,
   onSubmit,
   isReply = false,
   onCancel,
@@ -22,7 +21,6 @@ export function CommentInput({
   const { userSession } = useConnect();
   const [content, setContent] = useState('');
   const [error, setError] = useState<string | null>(null);
-  void proposalId;
 
   const handleSubmit = () => {
     if (!userSession) {

frontend/components/Comments.tsx

@@ -17,7 +17,10 @@ interface CommentsProps {
 
 export default function Comments({ proposalId, userAddress }: CommentsProps) {
     const [comments, setComments] = useState<Comment[]>(() => {
-        if (typeof window === 'undefined') return [];
+        if (typeof window === 'undefined') {
+            return [];
+        }
+
         const stored = localStorage.getItem(`comments-${proposalId}`);
         return stored ? JSON.parse(stored) : [];
     });

frontend/components/MilestoneTracker.tsx

@@ -26,53 +26,99 @@ interface MilestoneTrackerProps {
 }
 
 export default function MilestoneTracker({ proposalId, totalFunding }: MilestoneTrackerProps) {
-  const defaultMilestones: Milestone[] = [
-    {
-      id: 1,
-      name: 'Project Kickoff',
-      description: 'Initial setup and planning phase',
-      percentage: 25,
-      fundAmount: totalFunding * 0.25,
-      status: 'completed',
-      verifications: [],
-      deliverables: ['Project plan', 'Technical specification']
-    },
-    {
-      id: 2,
-      name: 'Development Phase 1',
-      description: 'Core functionality implementation',
-      percentage: 50,
-      fundAmount: totalFunding * 0.25,
-      status: 'in-progress',
-      verifications: [],
-      deliverables: ['Working prototype', 'Test coverage']
-    },
-    {
-      id: 3,
-      name: 'Development Phase 2',
-      description: 'Advanced features and integration',
-      percentage: 75,
-      fundAmount: totalFunding * 0.25,
-      status: 'pending',
-      verifications: [],
-      deliverables: ['Feature complete', 'Integration tests']
-    },
-    {
-      id: 4,
-      name: 'Launch & Delivery',
-      description: 'Final testing and deployment',
-      percentage: 100,
-      fundAmount: totalFunding * 0.25,
-      status: 'pending',
-      verifications: [],
-      deliverables: ['Production deployment', 'Documentation']
+  const [milestones, setMilestones] = useState<Milestone[]>(() => {
+    if (typeof window === 'undefined') {
+      return [
+        {
+          id: 1,
+          name: 'Project Kickoff',
+          description: 'Initial setup and planning phase',
+          percentage: 25,
+          fundAmount: totalFunding * 0.25,
+          status: 'completed',
+          verifications: [],
+          deliverables: ['Project plan', 'Technical specification']
+        },
+        {
+          id: 2,
+          name: 'Development Phase 1',
+          description: 'Core functionality implementation',
+          percentage: 50,
+          fundAmount: totalFunding * 0.25,
+          status: 'in-progress',
+          verifications: [],
+          deliverables: ['Working prototype', 'Test coverage']
+        },
+        {
+          id: 3,
+          name: 'Development Phase 2',
+          description: 'Advanced features and integration',
+          percentage: 75,
+          fundAmount: totalFunding * 0.25,
+          status: 'pending',
+          verifications: [],
+          deliverables: ['Feature complete', 'Integration tests']
+        },
+        {
+          id: 4,
+          name: 'Launch & Delivery',
+          description: 'Final testing and deployment',
+          percentage: 100,
+          fundAmount: totalFunding * 0.25,
+          status: 'pending',
+          verifications: [],
+          deliverables: ['Production deployment', 'Documentation']
+        }
+      ];
     }
-  ];
 
-  const [milestones, setMilestones] = useState<Milestone[]>(() => {
-    if (typeof window === 'undefined') return defaultMilestones;
     const stored = localStorage.getItem(`proposal-${proposalId}-milestones`);
-    return stored ? JSON.parse(stored) : defaultMilestones;
+    if (stored) {
+      return JSON.parse(stored);
+    }
+
+    return [
+      {
+        id: 1,
+        name: 'Project Kickoff',
+        description: 'Initial setup and planning phase',
+        percentage: 25,
+        fundAmount: totalFunding * 0.25,
+        status: 'completed',
+        verifications: [],
+        deliverables: ['Project plan', 'Technical specification']
+      },
+      {
+        id: 2,
+        name: 'Development Phase 1',
+        description: 'Core functionality implementation',
+        percentage: 50,
+        fundAmount: totalFunding * 0.25,
+        status: 'in-progress',
+        verifications: [],
+        deliverables: ['Working prototype', 'Test coverage']
+      },
+      {
+        id: 3,
+        name: 'Development Phase 2',
+        description: 'Advanced features and integration',
+        percentage: 75,
+        fundAmount: totalFunding * 0.25,
+        status: 'pending',
+        verifications: [],
+        deliverables: ['Feature complete', 'Integration tests']
+      },
+      {
+        id: 4,
+        name: 'Launch & Delivery',
+        description: 'Final testing and deployment',
+        percentage: 100,
+        fundAmount: totalFunding * 0.25,
+        status: 'pending',
+        verifications: [],
+        deliverables: ['Production deployment', 'Documentation']
+      }
+    ];
   });
 
   const [selectedMilestone, setSelectedMilestone] = useState<Milestone | null>(null);

frontend/components/MultiSigTreasury.tsx

@@ -34,7 +34,9 @@ interface MultiSigConfig {
 }
 
 export default function MultiSigTreasury() {
-  const now = Date.parse(new Date().toISOString());
+  const [currentTime] = useState(() => Date.now());
+  const baseTime = currentTime;
+
   const [config, setConfig] = useState<MultiSigConfig>({
     totalSigners: 5,
     requiredSignatures: 3,
@@ -43,7 +45,7 @@ export default function MultiSigTreasury() {
     timelock: 48
   });
 
-  const [transactions, setTransactions] = useState<Transaction[]>([
+  const [transactions, setTransactions] = useState<Transaction[]>(() => [
     {
       id: 1,
       type: 'withdrawal',
@@ -54,16 +56,16 @@ export default function MultiSigTreasury() {
       requiredSignatures: 3,
       currentSignatures: 2,
       signers: [
-        { address: 'SP9XYZ...123', name: 'Alice (Treasury Manager)', signed: true, timestamp: now - 2 * 60 * 60 * 1000 },
-        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: now - 1 * 60 * 60 * 1000 },
+        { address: 'SP9XYZ...123', name: 'Alice (Treasury Manager)', signed: true, timestamp: baseTime - 2 * 60 * 60 * 1000 },
+        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: baseTime - 1 * 60 * 60 * 1000 },
         { address: 'SP7DEF...789', name: 'Carol (Admin)', signed: false },
         { address: 'SP6GHI...012', name: 'Dave (Auditor)', signed: false },
         { address: 'SP5JKL...345', name: 'Eve (Advisor)', signed: false }
       ],
       status: 'pending',
-      createdAt: now - 3 * 60 * 60 * 1000,
+      createdAt: baseTime - 3 * 60 * 60 * 1000,
       threshold: 75000,
-      deadline: now + 45 * 60 * 60 * 1000
+      deadline: baseTime + 45 * 60 * 60 * 1000
     },
     {
       id: 2,
@@ -75,15 +77,15 @@ export default function MultiSigTreasury() {
       currentSignatures: 1,
       signers: [
         { address: 'SP9XYZ...123', name: 'Alice (Treasury Manager)', signed: false },
-        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: now - 12 * 60 * 60 * 1000 },
+        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: baseTime - 12 * 60 * 60 * 1000 },
         { address: 'SP7DEF...789', name: 'Carol (Admin)', signed: false },
         { address: 'SP6GHI...012', name: 'Dave (Auditor)', signed: false },
         { address: 'SP5JKL...345', name: 'Eve (Advisor)', signed: false }
       ],
       status: 'pending',
-      createdAt: now - 24 * 60 * 60 * 1000,
+      createdAt: baseTime - 24 * 60 * 60 * 1000,
       threshold: 50000,
-      deadline: now + 24 * 60 * 60 * 1000
+      deadline: baseTime + 24 * 60 * 60 * 1000
     },
     {
       id: 3,
@@ -95,20 +97,21 @@ export default function MultiSigTreasury() {
       requiredSignatures: 3,
       currentSignatures: 3,
       signers: [
-        { address: 'SP9XYZ...123', name: 'Alice (Treasury Manager)', signed: true, timestamp: now - 48 * 60 * 60 * 1000 },
-        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: now - 46 * 60 * 60 * 1000 },
-        { address: 'SP7DEF...789', name: 'Carol (Admin)', signed: true, timestamp: now - 45 * 60 * 60 * 1000 },
+        { address: 'SP9XYZ...123', name: 'Alice (Treasury Manager)', signed: true, timestamp: baseTime - 48 * 60 * 60 * 1000 },
+        { address: 'SP8ABC...456', name: 'Bob (Finance Lead)', signed: true, timestamp: baseTime - 46 * 60 * 60 * 1000 },
+        { address: 'SP7DEF...789', name: 'Carol (Admin)', signed: true, timestamp: baseTime - 45 * 60 * 60 * 1000 },
         { address: 'SP6GHI...012', name: 'Dave (Auditor)', signed: false },
         { address: 'SP5JKL...345', name: 'Eve (Advisor)', signed: false }
       ],
       status: 'executed',
-      createdAt: now - 72 * 60 * 60 * 1000,
+      createdAt: baseTime - 72 * 60 * 60 * 1000,
       threshold: 50000,
-      deadline: now - 24 * 60 * 60 * 1000
+      deadline: baseTime - 24 * 60 * 60 * 1000
     }
   ]);
 
-  const [showConfigModal, setShowConfigModal] = useState(false);
+  const [, setShowNewTxModal] = useState(false);
+  const [, setShowConfigModal] = useState(false);
   const [isPaused, setIsPaused] = useState(false);
   const [filterStatus, setFilterStatus] = useState<'all' | Transaction['status']>('all');
 
@@ -180,7 +183,7 @@ export default function MultiSigTreasury() {
   };
 
   const formatTimeRemaining = (deadline: number) => {
-    const diff = deadline - now;
+    const diff = deadline - currentTime;
     const hours = Math.floor(diff / (1000 * 60 * 60));
     const days = Math.floor(hours / 24);
 
@@ -221,6 +224,7 @@ export default function MultiSigTreasury() {
             </button>
           )}
           <button
+            onClick={() => setShowNewTxModal(true)}
             disabled={isPaused}
             className="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 
                      disabled:bg-gray-400 disabled:cursor-not-allowed"

frontend/components/MultisigFlow.tsx

@@ -10,15 +10,12 @@ const signers = [
 ];
 
 export default function MultisigFlow() {
-    const signedCount = signers.filter(s => s.status === 'signed').length;
-    const progressText = `${signedCount}/${signers.length} signatures collected`;
-
     return (
         <div className="p-8 bg-slate-900/50 backdrop-blur-xl border border-white/10 rounded-[40px] overflow-hidden">
             <div className="flex justify-between items-start mb-10">
                 <div>
                     <h3 className="text-xl font-black uppercase tracking-tight text-white mb-1">Execution Guard</h3>
-                    <p className="text-[10px] font-bold text-slate-500 uppercase">{progressText}</p>
+                    <p className="text-[10px] font-bold text-slate-500 uppercase">2/3 Multi-signature verification required</p>
                 </div>
                 <Shield className="w-8 h-8 text-orange-600" />
             </div>

frontend/components/NotificationHub.tsx

@@ -14,26 +14,29 @@ interface Notification {
 }
 
 export default function NotificationHub() {
-    const now = Date.parse(new Date().toISOString());
     const [isOpen, setIsOpen] = useState(false);
-    const [notifications, setNotifications] = useState<Notification[]>([
-        {
-            id: '1',
-            title: 'Proposal Funded',
-            message: 'Your proposal "Stacks Wallet Integration" has reached the funding threshold!',
-            type: 'success',
-            timestamp: new Date(now),
-            read: false
-        },
-        {
-            id: '2',
-            title: 'New Governance Vote',
-            message: 'A new platform-wide vote on Treasury Allocation is live.',
-            type: 'governance',
-            timestamp: new Date(now - 3600000),
-            read: false
-        }
-    ]);
+    const [notifications, setNotifications] = useState<Notification[]>(() => {
+        const baseTime = Date.now();
+
+        return [
+            {
+                id: '1',
+                title: 'Proposal Funded',
+                message: 'Your proposal "Stacks Wallet Integration" has reached the funding threshold!',
+                type: 'success',
+                timestamp: new Date(baseTime),
+                read: false
+            },
+            {
+                id: '2',
+                title: 'New Governance Vote',
+                message: 'A new platform-wide vote on Treasury Allocation is live.',
+                type: 'governance',
+                timestamp: new Date(baseTime - 3600000),
+                read: false
+            }
+        ];
+    });
 
     const unreadCount = notifications.filter(n => !n.read).length;
 

frontend/components/ParticipationHeatmap.tsx

@@ -5,7 +5,7 @@ import { Calendar } from 'lucide-react';
 
 export default function ParticipationHeatmap() {
     // Simulating 7 days x 12 intervals
-    const grid = Array.from({ length: 84 }).map(() => Math.random());
+    const grid = Array.from({ length: 84 }, (_, index) => ((index * 37) % 100) / 100);
 
     return (
         <div className="p-8 bg-slate-900/50 backdrop-blur-xl border border-white/10 rounded-[40px] overflow-hidden">