mirror of
https://github.com/parsis-foundation/parsis.foundation.git
synced 2026-10-30 20:47:22 +00:00
zeekay
3aaf80ad3f
- Transform from personal site to foundation/NGO site - Focus on education, research, AI, cryptography, open governance - Update all translations and navigation - Update package.json metadata
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import { commandGroups } from '@/lib/site-data';
|
|
|
|
export function SiteMenuPanel({
|
|
open,
|
|
onClose,
|
|
}: {
|
|
open: boolean;
|
|
onClose: () => void;
|
|
}) {
|
|
if (!open) return null;
|
|
|
|
return (
|
|
<div className="absolute right-0 top-full mt-3 w-[360px] rounded-2xl border border-white/10 bg-black/90 p-4 shadow-2xl">
|
|
{commandGroups.map((group) => (
|
|
<div key={group.label} className="mb-4">
|
|
<p className="text-xs uppercase tracking-[0.3em] text-muted-foreground">{group.label}</p>
|
|
<div className="mt-2 grid gap-2">
|
|
{group.items.map((item) => {
|
|
const isExternal = 'external' in item && item.external;
|
|
return (
|
|
<a
|
|
key={item.href}
|
|
href={item.href}
|
|
target={isExternal ? '_blank' : undefined}
|
|
rel={isExternal ? 'noreferrer' : undefined}
|
|
className="rounded-lg border border-white/10 bg-white/5 px-3 py-2 text-xs text-foreground transition hover:border-gold/60"
|
|
onClick={onClose}
|
|
>
|
|
{item.label}
|
|
</a>
|
|
);
|
|
})}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|