davidherran/flux-srl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes Application nodeSlug
Deploy to VPS / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
David Herran
2026-04-16 15:50:43 -05:00
parent 9d0ec57d7c
commit 603ef51637
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[locale]/applications/[slug]/ApplicationClient.tsx
+12 -8
View File
@@ -712,8 +712,8 @@ function TechnicalViewer3D({ node, usdzPath }: { node: any; usdzPath: string })
<ModelViewer
id={viewerId.current}
src={`/cases/models/${node.model3DPath}`}
ios-src={`/cases/models/${usdzPath}`}
src={`/cases/${nodeToSlug(node.title)}/models/${node.model3DPath}`}
ios-src={`/cases/${nodeToSlug(node.title)}/models/${usdzPath}`}
alt={`3D Technical Model: ${node.title}`}
ar
ar-modes="quick-look scene-viewer webxr"
@@ -801,10 +801,14 @@ function TechnicalViewer3D({ node, usdzPath }: { node: any; usdzPath: string })
);
}
function nodeToSlug(title: string): string {
return title.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
}
// ── SUBCOMPONENTE DE CASO DE ESTUDIO ──
function ExpandedCaseStudy({ node }: { node: any }) {
const [activeTab, setActiveTab] = useState<"overview" | "tech-media">("overview");
const nodeSlug = nodeToSlug(node.title);
const [lightboxOpen, setLightboxOpen] = useState(false);
const [lightboxImages, setLightboxImages] = useState<string[]>([]);
@@ -836,8 +840,8 @@ function ExpandedCaseStudy({ node }: { node: any }) {
allImages.push(match[1]);
}
}
gallery.forEach(img => allImages.push(`/cases/${img}`));
renders.forEach(ren => allImages.push(`/cases/${ren}`));
gallery.forEach(img => allImages.push(`/cases/${nodeSlug}/${img}`));
renders.forEach(ren => allImages.push(`/cases/${nodeSlug}/${ren}`));
if (!allImages.includes(clickedImageUrl)) {
allImages.unshift(clickedImageUrl);
}
@@ -884,7 +888,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{videos.map((vid: string, idx: number) => {
const isLocalMp4 = vid.endsWith('.mp4');
const videoSrc = isLocalMp4 && !vid.startsWith('http') ? `/cases/videos/${vid}` : vid;
const videoSrc = isLocalMp4 && !vid.startsWith('http') ? `/cases/${nodeSlug}/videos/${vid}` : vid;
return (
<div key={`v-${idx}`} className="relative w-full aspect-video rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-xl bg-black col-span-1 md:col-span-2">
{isLocalMp4 ? (
@@ -897,7 +901,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
})}
{gallery.map((img: string, idx: number) => {
const fullImgSrc = `/cases/${img}`;
const fullImgSrc = `/cases/${nodeSlug}/${img}`;
return (
<div key={`g-${idx}`} className="relative w-full aspect-video rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-lg group bg-white">
<Image src={fullImgSrc} alt="Installation" fill className="object-cover group-hover:scale-105 transition-transform duration-700" />
@@ -968,7 +972,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
</h5>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{renders.map((ren: string, idx: number) => {
const fullRenSrc = `/cases/${ren}`;
const fullRenSrc = `/cases/${nodeSlug}/${ren}`;
return (
<div key={idx} className="relative w-full aspect-[4/3] rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-lg group bg-white dark:bg-[#1a1a1a]">
<Image src={fullRenSrc} alt="Technical Render" fill className="object-contain group-hover:scale-105 transition-transform duration-700" sizes="(max-width: 768px) 100vw, 50vw" />
@@ -1145,7 +1149,7 @@ export default function ApplicationClient({ data, realCases, images }: { data: a
<div className="flex items-center gap-5 flex-1">
<div className="w-16 h-16 md:w-20 md:h-20 rounded-2xl md:rounded-3xl bg-black/5 dark:bg-black/50 border border-black/10 dark:border-white/5 flex items-center justify-center shrink-0 overflow-hidden relative shadow-inner">
{node.mediaFileName ? (
<Image src={`/cases/${node.mediaFileName}`} alt={node.title} fill className="object-cover opacity-90 group-hover:scale-110 transition-transform duration-700" />
<Image src={`/cases/${nodeToSlug(node.title)}/${node.mediaFileName}`} alt={node.title} fill className="object-cover opacity-90 group-hover:scale-110 transition-transform duration-700" />
) : (
<Cpu size={28} className="text-[#0066CC]/50 dark:text-[#00F0FF]/50" />
)}