SidharthPL/Canteen-Management-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Quick Links in receives dashboard made functional.

Browse Source
This commit is contained in:
Sidharth Prabhu
2026-04-20 10:18:44 +05:30
parent 4ef59700f3
commit 88b49a194d
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/IntentDashboard.tsx
View File

@@ -1,4 +1,5 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { import {
@@ -57,6 +58,7 @@ interface IntentStats {
const IntentDashboard: React.FC<IntentDashboardProps> = ({ title }) => { const IntentDashboard: React.FC<IntentDashboardProps> = ({ title }) => {
const [stats, setStats] = useState<IntentStats | null>(null); const [stats, setStats] = useState<IntentStats | null>(null);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const navigate = useNavigate();
useEffect(() => { useEffect(() => {
fetchStats(); fetchStats();
@@ -221,11 +223,15 @@ const IntentDashboard: React.FC<IntentDashboardProps> = ({ title }) => {
<h3 className="text-sm font-black text-[#1e293b] mb-4">Quick Links</h3> <h3 className="text-sm font-black text-[#1e293b] mb-4">Quick Links</h3>
<div className="space-y-2"> <div className="space-y-2">
{[ {[
{ label: 'Inventory', icon: Boxes }, { label: 'Inventory', icon: Boxes, path: '/inventory/products' },
{ label: 'Raw Materials', icon: Package }, { label: 'Raw Materials', icon: Package, path: '/inventory/base' },
{ label: 'Draft Orders', icon: FileText } { label: 'Draft Orders', icon: FileText, path: '/purchases/orders' }
].map(l => ( ].map(l => (
<button key={l.label} className="w-full flex items-center justify-between p-3.5 bg-[#f8fafc] border border-[#f1f5f9] rounded-xl hover:bg-gray-50 transition-all group"> <button
key={l.label}
onClick={() => navigate(l.path)}
className="w-full flex items-center justify-between p-3.5 bg-[#f8fafc] border border-[#f1f5f9] rounded-xl hover:bg-gray-50 transition-all group"
>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="p-2 bg-white rounded-lg shadow-sm text-[#94a3b8] group-hover:text-[#0f4475] transition-colors"> <div className="p-2 bg-white rounded-lg shadow-sm text-[#94a3b8] group-hover:text-[#0f4475] transition-colors">
<l.icon size={16} /> <l.icon size={16} />