forked from RiseUP/riseup-squad21
dashboards
This commit is contained in:
parent
6f81f1b594
commit
613b70654e
91
app/doctor/dashboard/page.tsx
Normal file
91
app/doctor/dashboard/page.tsx
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
import DoctorLayout from "@/components/doctor-layout"
|
||||||
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||||
|
import { Button } from "@/components/ui/button"
|
||||||
|
import { Calendar, Clock, User, Plus } from "lucide-react"
|
||||||
|
import Link from "next/link"
|
||||||
|
|
||||||
|
export default function PatientDashboard() {
|
||||||
|
return (
|
||||||
|
<DoctorLayout>
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div>
|
||||||
|
<h1 className="text-3xl font-bold text-gray-900">Dashboard</h1>
|
||||||
|
<p className="text-gray-600">Bem-vindo ao seu portal de consultas médicas</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Próxima Consulta</CardTitle>
|
||||||
|
<Calendar className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">02 out</div>
|
||||||
|
<p className="text-xs text-muted-foreground">Dr. Silva - 14:30</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Consultas Este Mês</CardTitle>
|
||||||
|
<Clock className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">4</div>
|
||||||
|
<p className="text-xs text-muted-foreground">4 agendadas</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Perfil</CardTitle>
|
||||||
|
<User className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">100%</div>
|
||||||
|
<p className="text-xs text-muted-foreground">Dados completos</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Ações Rápidas</CardTitle>
|
||||||
|
<CardDescription>Acesse rapidamente as principais funcionalidades</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="space-y-4">
|
||||||
|
<Link href="/doctor/medicos/consultas">
|
||||||
|
<Button className="w-full justify-start">
|
||||||
|
<Calendar className="mr-2 h-4 w-4" />
|
||||||
|
Ver Minhas Consultas
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Próximas Consultas</CardTitle>
|
||||||
|
<CardDescription>Suas consultas agendadas</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center justify-between p-3 bg-blue-50 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="font-medium">Dr. João Santos</p>
|
||||||
|
<p className="text-sm text-gray-600">Cardiologia</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="font-medium">02 out</p>
|
||||||
|
<p className="text-sm text-gray-600">14:30</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</DoctorLayout>
|
||||||
|
)
|
||||||
|
}
|
||||||
113
app/manager/dashboard/page.tsx
Normal file
113
app/manager/dashboard/page.tsx
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
import ManagerLayout from "@/components/manager-layout"
|
||||||
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||||
|
import { Button } from "@/components/ui/button"
|
||||||
|
import { Calendar, Clock, User, Plus } from "lucide-react"
|
||||||
|
import Link from "next/link"
|
||||||
|
|
||||||
|
export default function ManagerDashboard() {
|
||||||
|
return (
|
||||||
|
<ManagerLayout>
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div>
|
||||||
|
<h1 className="text-3xl font-bold text-gray-900">Dashboard</h1>
|
||||||
|
<p className="text-gray-600">Bem-vindo ao seu portal de consultas médicas</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Relatórios gerenciais</CardTitle>
|
||||||
|
<Calendar className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">3</div>
|
||||||
|
<p className="text-xs text-muted-foreground">2 não lidos, 1 lido</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Gestão de usuários</CardTitle>
|
||||||
|
<Clock className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">João Marques</div>
|
||||||
|
<p className="text-xs text-muted-foreground">fez login a 13min</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Perfil</CardTitle>
|
||||||
|
<User className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">100%</div>
|
||||||
|
<p className="text-xs text-muted-foreground">Dados completos</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Ações Rápidas</CardTitle>
|
||||||
|
<CardDescription>Acesse rapidamente as principais funcionalidades</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="space-y-4">
|
||||||
|
<Link href="##">
|
||||||
|
<Button className="w-full justify-start">
|
||||||
|
<Plus className="mr-2 h-4 w-4" />
|
||||||
|
#
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
<Link href="##">
|
||||||
|
<Button variant="outline" className="w-full justify-start bg-transparent">
|
||||||
|
<Calendar className="mr-2 h-4 w-4" />
|
||||||
|
#
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
<Link href="##">
|
||||||
|
<Button variant="outline" className="w-full justify-start bg-transparent">
|
||||||
|
<User className="mr-2 h-4 w-4" />
|
||||||
|
#
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Gestão de Médicos</CardTitle>
|
||||||
|
<CardDescription>Médicos online</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center justify-between p-3 bg-blue-50 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="font-medium">Dr. Silva</p>
|
||||||
|
<p className="text-sm text-gray-600">Cardiologia</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="font-medium">On-line</p>
|
||||||
|
<p className="text-sm text-gray-600"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center justify-between p-3 bg-green-50 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="font-medium">Dra. Santos</p>
|
||||||
|
<p className="text-sm text-gray-600">Dermatologia</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="font-medium">Off-line</p>
|
||||||
|
<p className="text-sm text-gray-600">Visto as 8:33</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ManagerLayout>
|
||||||
|
)
|
||||||
|
}
|
||||||
113
app/secretary/dashboard/page.tsx
Normal file
113
app/secretary/dashboard/page.tsx
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
import SecretaryLayout from "@/components/secretary-layout"
|
||||||
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
||||||
|
import { Button } from "@/components/ui/button"
|
||||||
|
import { Calendar, Clock, User, Plus } from "lucide-react"
|
||||||
|
import Link from "next/link"
|
||||||
|
|
||||||
|
export default function SecretaryDashboard() {
|
||||||
|
return (
|
||||||
|
<SecretaryLayout>
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div>
|
||||||
|
<h1 className="text-3xl font-bold text-gray-900">Dashboard</h1>
|
||||||
|
<p className="text-gray-600">Bem-vindo ao seu portal de consultas médicas</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Próxima Consulta</CardTitle>
|
||||||
|
<Calendar className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">15 Jan</div>
|
||||||
|
<p className="text-xs text-muted-foreground">Dr. Silva - 14:30</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Consultas Este Mês</CardTitle>
|
||||||
|
<Clock className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">3</div>
|
||||||
|
<p className="text-xs text-muted-foreground">2 realizadas, 1 agendada</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||||
|
<CardTitle className="text-sm font-medium">Perfil</CardTitle>
|
||||||
|
<User className="h-4 w-4 text-muted-foreground" />
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="text-2xl font-bold">100%</div>
|
||||||
|
<p className="text-xs text-muted-foreground">Dados completos</p>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Ações Rápidas</CardTitle>
|
||||||
|
<CardDescription>Acesse rapidamente as principais funcionalidades</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent className="space-y-4">
|
||||||
|
<Link href="/secretary/schedule">
|
||||||
|
<Button className="w-full justify-start">
|
||||||
|
<Plus className="mr-2 h-4 w-4" />
|
||||||
|
Agendar Nova Consulta
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
<Link href="/secretary/appointments">
|
||||||
|
<Button variant="outline" className="w-full justify-start bg-transparent">
|
||||||
|
<Calendar className="mr-2 h-4 w-4" />
|
||||||
|
Ver Consultas
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
<Link href="##">
|
||||||
|
<Button variant="outline" className="w-full justify-start bg-transparent">
|
||||||
|
<User className="mr-2 h-4 w-4" />
|
||||||
|
Atualizar Dados
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
<CardTitle>Próximas Consultas</CardTitle>
|
||||||
|
<CardDescription>Suas consultas agendadas</CardDescription>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center justify-between p-3 bg-blue-50 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="font-medium">Dr. Silva</p>
|
||||||
|
<p className="text-sm text-gray-600">Cardiologia</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="font-medium">15 Jan</p>
|
||||||
|
<p className="text-sm text-gray-600">14:30</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center justify-between p-3 bg-green-50 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<p className="font-medium">Dra. Santos</p>
|
||||||
|
<p className="text-sm text-gray-600">Dermatologia</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<p className="font-medium">22 Jan</p>
|
||||||
|
<p className="text-sm text-gray-600">10:00</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</SecretaryLayout>
|
||||||
|
)
|
||||||
|
}
|
||||||
@ -24,11 +24,11 @@ interface DoctorData {
|
|||||||
permissions: object;
|
permissions: object;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface PatientLayoutProps {
|
interface DoctorLayoutProps {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function DoctorLayout({ children }: PatientLayoutProps) {
|
export default function DoctorLayout({ children }: DoctorLayoutProps) {
|
||||||
const [doctorData, setDoctorData] = useState<DoctorData | null>(null);
|
const [doctorData, setDoctorData] = useState<DoctorData | null>(null);
|
||||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
|
const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
|
||||||
const [showLogoutDialog, setShowLogoutDialog] = useState(false);
|
const [showLogoutDialog, setShowLogoutDialog] = useState(false);
|
||||||
@ -82,7 +82,7 @@ useEffect(() => {
|
|||||||
|
|
||||||
const menuItems = [
|
const menuItems = [
|
||||||
{
|
{
|
||||||
href: "#",
|
href: "/doctor/dashboard",
|
||||||
icon: Home,
|
icon: Home,
|
||||||
label: "Dashboard",
|
label: "Dashboard",
|
||||||
// Botão para o dashboard do médico
|
// Botão para o dashboard do médico
|
||||||
|
|||||||
@ -37,11 +37,11 @@ interface ManagerData {
|
|||||||
permissions: object;
|
permissions: object;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface PatientLayoutProps {
|
interface ManagerLayoutProps {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function ManagerLayout({ children }: PatientLayoutProps) {
|
export default function ManagerLayout({ children }: ManagerLayoutProps) {
|
||||||
const [managerData, setManagerData] = useState<ManagerData | null>(null);
|
const [managerData, setManagerData] = useState<ManagerData | null>(null);
|
||||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
|
const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
|
||||||
const [showLogoutDialog, setShowLogoutDialog] = useState(false);
|
const [showLogoutDialog, setShowLogoutDialog] = useState(false);
|
||||||
@ -84,7 +84,7 @@ export default function ManagerLayout({ children }: PatientLayoutProps) {
|
|||||||
const cancelLogout = () => setShowLogoutDialog(false);
|
const cancelLogout = () => setShowLogoutDialog(false);
|
||||||
|
|
||||||
const menuItems = [
|
const menuItems = [
|
||||||
{ href: "#", icon: Home, label: "Dashboard" },
|
{ href: "/manager/dashboard", icon: Home, label: "Dashboard" },
|
||||||
{ href: "#", icon: Calendar, label: "Relatórios gerenciais" },
|
{ href: "#", icon: Calendar, label: "Relatórios gerenciais" },
|
||||||
{ href: "#", icon: User, label: "Gestão de Usuários" },
|
{ href: "#", icon: User, label: "Gestão de Usuários" },
|
||||||
{ href: "#", icon: User, label: "Gestão de Médicos" },
|
{ href: "#", icon: User, label: "Gestão de Médicos" },
|
||||||
@ -139,8 +139,7 @@ export default function ManagerLayout({ children }: PatientLayoutProps) {
|
|||||||
return (
|
return (
|
||||||
<Link key={item.href} href={item.href}>
|
<Link key={item.href} href={item.href}>
|
||||||
<div
|
<div
|
||||||
className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
|
className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
|
||||||
isActive
|
|
||||||
? "bg-accent text-accent-foreground"
|
? "bg-accent text-accent-foreground"
|
||||||
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
||||||
}`}
|
}`}
|
||||||
|
|||||||
@ -41,11 +41,11 @@ interface SecretaryData {
|
|||||||
permissions: object
|
permissions: object
|
||||||
}
|
}
|
||||||
|
|
||||||
interface PatientLayoutProps {
|
interface SecretaryLayoutProps {
|
||||||
children: React.ReactNode
|
children: React.ReactNode
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function SecretaryLayout({ children }: PatientLayoutProps) {
|
export default function SecretaryLayout({ children }: SecretaryLayoutProps) {
|
||||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
|
const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
|
||||||
const [showLogoutDialog, setShowLogoutDialog] = useState(false)
|
const [showLogoutDialog, setShowLogoutDialog] = useState(false)
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
@ -73,7 +73,7 @@ export default function SecretaryLayout({ children }: PatientLayoutProps) {
|
|||||||
const cancelLogout = () => setShowLogoutDialog(false)
|
const cancelLogout = () => setShowLogoutDialog(false)
|
||||||
|
|
||||||
const menuItems = [
|
const menuItems = [
|
||||||
{ href: "##", icon: Home, label: "Dashboard" },
|
{ href: "/secretary/dashboard", icon: Home, label: "Dashboard" },
|
||||||
{ href: "/secretary/appointments", icon: Calendar, label: "Consultas" },
|
{ href: "/secretary/appointments", icon: Calendar, label: "Consultas" },
|
||||||
{ href: "/secretary/schedule", icon: Clock, label: "Agendar Consulta" },
|
{ href: "/secretary/schedule", icon: Clock, label: "Agendar Consulta" },
|
||||||
{ href: "/secretary/pacientes", icon: User, label: "Pacientes" },
|
{ href: "/secretary/pacientes", icon: User, label: "Pacientes" },
|
||||||
@ -132,8 +132,7 @@ export default function SecretaryLayout({ children }: PatientLayoutProps) {
|
|||||||
return (
|
return (
|
||||||
<Link key={item.href} href={item.href}>
|
<Link key={item.href} href={item.href}>
|
||||||
<div
|
<div
|
||||||
className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
|
className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
|
||||||
isActive
|
|
||||||
? "bg-accent text-accent-foreground"
|
? "bg-accent text-accent-foreground"
|
||||||
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
||||||
}`}
|
}`}
|
||||||
@ -189,8 +188,7 @@ export default function SecretaryLayout({ children }: PatientLayoutProps) {
|
|||||||
|
|
||||||
{/* Main Content */}
|
{/* Main Content */}
|
||||||
<div
|
<div
|
||||||
className={`flex-1 flex flex-col transition-all duration-300 ${
|
className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
|
||||||
sidebarCollapsed ? "ml-16" : "ml-64"
|
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user