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

22
components/dashboard/workplace/meetingRoom.tsx
View File

@@ -22,12 +22,12 @@ export default function MeetingRoomPortal() {
{/* --- HEADER SECTION --- */}
<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>MEETING ROOMS</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">MEETING ROOMS</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-1">
Meeting room booking
@@ -136,15 +136,15 @@ export default function MeetingRoomPortal() {
<div className="flex items-center justify-between border-t border-[#162942]/60 pt-3 mt-2">
<span className="text-xs text-slate-400">{room.subtitle}</span>
<div className="flex items-center gap-1.5">
<button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-200 text-xs font-semibold px-3 py-1.5 rounded transition-colors">
<Button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-200 text-xs font-semibold px-3 py-1.5 rounded transition-colors">
{room.actionType === "book" ? "Book" : "View"}
</button>
<button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-slate-200 p-1.5 rounded transition-colors">
</Button>
<Button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-slate-200 p-1.5 rounded transition-colors">
<Pencil className="w-3.5 h-3.5" />
</button>
<button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-rose-400 p-1.5 rounded transition-colors">
</Button>
<Button className="bg-[#12233a] hover:bg-[#1a3252] border border-[#1d3554] text-slate-400 hover:text-rose-400 p-1.5 rounded transition-colors">
<Trash2 className="w-3.5 h-3.5" />
</button>
</Button>
</div>
</div>
</Card>

10
components/dashboard/workplace/visitorManagement.tsx
View File

@@ -23,12 +23,12 @@ const [activeFilter, setActiveFilter] = useState<string>('All');
{/* --- HEADER SECTION --- */}
<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>Visitors</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">Visitors</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Visitor management

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>
);