Marketing/4ventures-client-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tema claro blanco, logo 4Ventures y menú original

Browse Source 
Fondo blanco en la app; menú con labels/iconos originales; logo en sidebar y login.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
4Ventures
2026-09-24 09:53:36 +02:00
parent 6d1602bd68
commit 068faa3d25
33 changed files with 642 additions and 633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/TenantSwitcher.tsx
View File

@@ -22,7 +22,6 @@ export default function TenantSwitcher({
useEffect(() => {
if (!isAgency) return;
// read cookies
const match = document.cookie.match(/(?:^|; )4v_view_tenant_name=([^;]*)/);
const idMatch = document.cookie.match(/(?:^|; )4v_view_tenant_id=([^;]*)/);
if (match?.[1]) setActiveName(decodeURIComponent(match[1]));
@@ -33,13 +32,11 @@ export default function TenantSwitcher({
.then((d) => {
const list = (d.portfolio || [])
.filter((t: { agency_followed?: boolean }) => t.agency_followed !== false)
.map(
(t: { id: string; name: string; slug: string }) => ({
.map((t: { id: string; name: string; slug: string }) => ({
id: t.id,
name: t.name,
slug: t.slug,
})
);
}));
setTenants(list);
})
.catch(() => {});
@@ -47,7 +44,7 @@ export default function TenantSwitcher({
if (!isAgency) {
return (
<span className="bg-brand-500/10 text-brand-400 font-semibold px-2.5 py-1 rounded-md border border-brand-500/20">
<span className="bg-brand-50 text-brand-700 font-semibold px-2.5 py-1 rounded-md border border-brand-200">
{initialName}
</span>
);
@@ -70,7 +67,7 @@ export default function TenantSwitcher({
<button
type="button"
onClick={() => setOpen((v) => !v)}
className="inline-flex items-center gap-2 bg-brand-500/10 text-brand-400 font-semibold px-2.5 py-1 rounded-md border border-brand-500/20 hover:bg-brand-500/20 transition-colors"
className="inline-flex items-center gap-2 bg-brand-50 text-brand-700 font-semibold px-2.5 py-1 rounded-md border border-brand-200 hover:bg-brand-100 transition-colors"
>
<Eye className="w-3.5 h-3.5" />
<span className="max-w-[200px] truncate">
@@ -79,17 +76,17 @@ export default function TenantSwitcher({
<ChevronDown className="w-3.5 h-3.5 opacity-70" />
</button>
{open && (
<div className="absolute left-0 top-full mt-2 z-50 w-72 rounded-xl border border-gray-700 bg-[#111827] shadow-xl py-1 max-h-80 overflow-y-auto">
<div className="absolute left-0 top-full mt-2 z-50 w-72 rounded-xl border border-gray-200 bg-white shadow-xl py-1 max-h-80 overflow-y-auto">
<button
type="button"
disabled={pending}
onClick={() => select(null)}
className="w-full text-left px-3 py-2 text-sm text-gray-300 hover:bg-gray-800 flex items-center gap-2"
className="w-full text-left px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
>
<Building2 className="w-3.5 h-3.5 text-amber-400" />
<Building2 className="w-3.5 h-3.5 text-amber-500" />
Vista global agencia
</button>
<div className="border-t border-gray-800 my-1" />
<div className="border-t border-gray-100 my-1" />
{tenants.length === 0 ? (
<p className="px-3 py-2 text-xs text-gray-500">
Sin tenants · da de alta en Agencia OS
@@ -101,8 +98,8 @@ export default function TenantSwitcher({
type="button"
disabled={pending}
onClick={() => select(t)}
className={`w-full text-left px-3 py-2 text-sm hover:bg-gray-800 ${
activeId === t.id ? 'text-brand-400' : 'text-gray-200'
className={`w-full text-left px-3 py-2 text-sm hover:bg-gray-50 ${
activeId === t.id ? 'text-brand-600' : 'text-gray-800'
}`}
>
<span className="font-medium">{t.name}</span>