Tab Constant is added
This commit is contained in:
@@ -1,158 +1,18 @@
|
||||
import { useState } from 'react';
|
||||
import {
|
||||
Building2,
|
||||
Users,
|
||||
MapPin,
|
||||
Grid,
|
||||
|
||||
Plus,
|
||||
Eye,
|
||||
Settings,
|
||||
Pencil,
|
||||
GitBranch,
|
||||
|
||||
Search,
|
||||
ChevronDown,
|
||||
Sparkles
|
||||
|
||||
} from "lucide-react";
|
||||
import Button from "@/components/common/button";
|
||||
|
||||
import Table from '@/components/common/dataTable';
|
||||
import { StatusBadge } from '@/components/common/statusBadge';
|
||||
import ActionButtons from '@/components/common/actionButton';
|
||||
|
||||
export const siteHeaders = [
|
||||
"Site",
|
||||
"Tenant",
|
||||
"Coordinates",
|
||||
"Radius",
|
||||
"Status",
|
||||
"Actions",
|
||||
];
|
||||
import { siteHeaders, siteRows } from "@/constants/adminTableDatat";
|
||||
|
||||
export const siteRows = [
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — HQ Tower</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-HQ · SIT-3001</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.0760, 72.8777</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">200 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — Annexe</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-AX · SIT-3002</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.1020, 72.8895</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">150 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Novotel Pune — Main</p>
|
||||
<p className="font-mono text-xs text-slate-400">NP-M · SIT-3003</p>
|
||||
</div>,
|
||||
"Novotel Pune",
|
||||
<span className="font-mono whitespace-nowrap">18.5604, 73.9090</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">180 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Academic Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-AB · SIT-3004</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8230, 80.0444</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">400 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Hostel Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-HB · SIT-3005</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8255, 80.0478</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">350 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Local 1 — Site</p>
|
||||
<p className="font-mono text-xs text-slate-400">L1-S · SIT-3006</p>
|
||||
</div>,
|
||||
"Local 1",
|
||||
<span className="font-mono whitespace-nowrap">19.2183, 72.9781</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">120 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
];
|
||||
|
||||
export default function SitePortal() {
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
@@ -162,12 +22,12 @@ export default function SitePortal() {
|
||||
{/* --- 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 uppercase font-mono">
|
||||
<span className="text-teal-400">PLATFORM</span>
|
||||
<span className="text-slate-500">•</span>
|
||||
<span className="text-slate-500">SITES</span>
|
||||
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
|
||||
<span className="text-gray-400">PLATFORM</span>
|
||||
<span className="text-gray-600">•</span>
|
||||
<span className="text-gray-400">SITES</span>
|
||||
</div>
|
||||
<h1 className="text-3xl font-bold text-white tracking-tight mt-1">
|
||||
<h1 className="text-2xl font-bold text-white tracking-tight mt-1">
|
||||
Sites
|
||||
</h1>
|
||||
<p className="text-sm font-medium text-slate-400 mt-1 max-w-2xl leading-relaxed">
|
||||
|
||||
Reference in New Issue
Block a user