shaily/KAFM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes done in ui screens

Browse Source
This commit is contained in:
Shaily Mishra
2026-07-28 19:11:10 +05:30
parent b8e833dbb9
commit 7ce1f2705e
33 changed files with 1944 additions and 1248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/dashboard/workplace/workspace.tsx
View File

@@ -22,8 +22,7 @@ import { CardHeader } from '@/components/common/cardHeader';
export default function WorkSpacePortal() {
const [activeTab, setActiveTab] = useState<string>("Desk Booking");
// Grid state matching the UI: 4 rows x 12 columns (48 seats)
// Types: 'occupied' (red/purple outline), 'free' (teal), 'reserved' (amber)
const deskGrid = Array.from({ length: 48 }).map((_, index) => {
if (index === 42) return "reserved"; // 1 Reserved desk
if (index >= 36) return "free"; // Free desks on the bottom row
@@ -35,12 +34,12 @@ export default function WorkSpacePortal() {
{/* --- HEADER SECTION WITH BUTTONS --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-slate-500 uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest text-slate-500 uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span>•</span>
<span>WORKPLACE</span>
<span>•</span>
<span>WORKSPACE</span>
<span className="text-gray-600">•</span>
<span className="text-gray-400">WORKPLACE</span>
<span className="text-gray-600">•</span>
<span className="text-gray-400">WORKSPACE</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
@@ -192,12 +191,12 @@ export default function WorkSpacePortal() {
{/* Value & Actions */}
<div className="flex items-center gap-2 font-mono text-xs text-slate-200">
<span className="font-bold">{zone.current}/{zone.max}</span>
<button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-slate-200 p-1 rounded transition-colors">
<Button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-slate-200 p-1 rounded transition-colors">
<Pencil className="w-3 h-3" />
</button>
<button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-rose-400 p-1 rounded transition-colors">
</Button>
<Button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-rose-400 p-1 rounded transition-colors">
<Trash2 className="w-3 h-3" />
</button>
</Button>
</div>
</div>
);