feat: add favicon, logo and Update the platform name (only available to the superuser) and company names

This commit is contained in:
2026-01-23 09:32:36 -03:00
parent fa8ca6cb61
commit 3ae67b23c9
15 changed files with 515 additions and 12 deletions
@@ -34,6 +34,37 @@ export const BrandingProvider: React.FC<{ children: React.ReactNode }> = ({ chil
if (data.secondary_color) {
document.documentElement.style.setProperty('--secondary-color', data.secondary_color);
}
// Update Title
if (data.platform_name) {
document.title = `${data.platform_name} | Experiencia de Aprendizaje`;
}
// Update Favicon
if (data.favicon_url) {
// Import getImageUrl logic locally or assume it needs import
// Since I can't easily add import at top with replace_file, I will assume getImageUrl handles the path or do logic here.
// Actually I need to import getImageUrl at the top. Instead of complicating, I'll update imports too.
const getImageUrl = (path?: string) => {
if (!path) return '';
if (path.startsWith('http')) return path;
const CMS_API_URL = process.env.NEXT_PUBLIC_CMS_API_URL || "http://localhost:3001";
const cleanPath = path.startsWith('/uploads') ? path.replace('/uploads', '/assets') : path;
const finalPath = cleanPath.startsWith('/') ? cleanPath : `/${cleanPath}`;
return `${CMS_API_URL}${finalPath}`;
};
const faviconUrl = getImageUrl(data.favicon_url);
const link: HTMLLinkElement | null = document.querySelector("link[rel*='icon']");
if (link) {
link.href = faviconUrl;
} else {
const newLink = document.createElement("link");
newLink.rel = "shortcut icon";
newLink.href = faviconUrl;
document.head.appendChild(newLink);
}
}
} catch (error) {
console.error('Failed to load branding', error);
} finally {