sidney
/
microtecflix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin panel fixes: rename 'Planos' to 'Planos e Assinaturas', remove slogan from admin sidebar, and make admin login logo dynamically use SaaS brandName
Build and Deploy (Gitea) / build-and-deploy (push) Successful in 58s Details

This commit is contained in:
Sidney Gomes 2026-07-23 21:36:41 -03:00
parent 7dcd2cfa69
commit 16cbca320e
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/AdminApp.tsx
View File

@ -22,6 +22,19 @@ export default function AdminApp() {
const [loginPassword, setLoginPassword] = useState(''); const [loginPassword, setLoginPassword] = useState('');
const [authError, setAuthError] = useState<string | null>(null); const [authError, setAuthError] = useState<string | null>(null);
const [authLoading, setAuthLoading] = useState(false); const [authLoading, setAuthLoading] = useState(false);
const [settings, setSettings] = useState<{ brandName?: string; brandSlogan?: string; cnpj?: string; address?: string } | null>(null);
useEffect(() => {
fetch('/api/settings')
.then(res => res.json())
.then(data => {
setSettings(data);
if (data.brandName) {
document.title = `${data.brandName}FLIX - Admin Portal`;
}
})
.catch(err => console.error('Error fetching settings:', err));
}, []);
useEffect(() => { useEffect(() => {
if (token) { if (token) {
@ -118,7 +131,7 @@ export default function AdminApp() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<h1 className="font-display font-black text-2xl tracking-tighter text-white"> <h1 className="font-display font-black text-2xl tracking-tighter text-white">
MICROTEC<span className="text-[#E50914]">FLIX</span> <span className="text-zinc-500 font-medium text-lg">ADMIN</span> {settings?.brandName || 'MICROTEC'}<span className="text-[#E50914]">FLIX</span> <span className="text-zinc-500 font-medium text-lg">ADMIN</span>
</h1> </h1>
<p className="text-[11px] text-zinc-400 font-medium">Autenticação obrigatória para gestores, administradores e moderadores.</p> <p className="text-[11px] text-zinc-400 font-medium">Autenticação obrigatória para gestores, administradores e moderadores.</p>
</div> </div>

7
src/components/AdminDashboard.tsx
View File

@ -352,11 +352,6 @@ export default function AdminDashboard({ token, adminUser, onLogout }: AdminDash
</span> </span>
</div> </div>
</div> </div>
{settings?.brandSlogan && (
<p className="text-[10px] text-zinc-500 font-medium leading-tight pt-1 border-t border-white/5">
{settings.brandSlogan}
</p>
)}
</div> </div>
{/* Navigation Links */} {/* Navigation Links */}
@ -395,7 +390,7 @@ export default function AdminDashboard({ token, adminUser, onLogout }: AdminDash
className={`w-full flex items-center space-x-2.5 px-3 py-2 rounded-lg text-xs font-bold transition-all text-left ${activeTab === 'plans' ? 'bg-[#E50914]/10 text-white border-l-2 border-[#E50914]' : 'text-zinc-400 hover:text-white hover:bg-white/5'}`} className={`w-full flex items-center space-x-2.5 px-3 py-2 rounded-lg text-xs font-bold transition-all text-left ${activeTab === 'plans' ? 'bg-[#E50914]/10 text-white border-l-2 border-[#E50914]' : 'text-zinc-400 hover:text-white hover:bg-white/5'}`}
> >
<Layers size={16} /> <Layers size={16} />
<span>Planos</span> <span>Planos e Assinaturas</span>
</button> </button>
<button <button
onClick={() => { setActiveTab('payments'); setIsMobileMenuOpen(false); }} onClick={() => { setActiveTab('payments'); setIsMobileMenuOpen(false); }}