patrick/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

render project link condtionally

Browse Source
This commit is contained in:
Patrick Jaroszewski
2026-03-27 14:27:28 -04:00
parent 653adbe345
commit 7d9e5f08a4
1 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/projects/[...id].astro
View File

@@ -126,18 +126,22 @@ const currentUrl = Astro.url;
<p>{project.data.description}</p> <p>{project.data.description}</p>
</div> </div>
<hr class="my-4 border-t" /> {project.data.link && (
<>
<hr class="my-4 border-t" />
<div class="flex flex-col gap-2 text-sm text-muted-foreground"> <div class="flex flex-col gap-2 text-sm text-muted-foreground">
<h3 class="text-base font-semibold">Project Links</h3> <h3 class="text-base font-semibold">Project Links</h3>
<ul class="list-disc pl-4"> <ul class="list-disc pl-4">
<li> <li>
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link"> <a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
{project.data.link} {project.data.link}
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</>
)}
</div> </div>
</div> </div>
</main> </main>
@@ -151,18 +155,22 @@ const currentUrl = Astro.url;
<p>{project.data.description}</p> <p>{project.data.description}</p>
</div> </div>
<hr class="my-4 border-t" /> {project.data.link && (
<>
<hr class="my-4 border-t" />
<div class="flex flex-col gap-2 text-sm text-muted-foreground"> <div class="flex flex-col gap-2 text-sm text-muted-foreground">
<h3 class="text-base font-semibold">Project Links</h3> <h3 class="text-base font-semibold">Project Links</h3>
<ul class="list-disc pl-4"> <ul class="list-disc pl-4">
<li> <li>
<a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link"> <a href={project.data.link} target="_blank" rel="noopener noreferrer" aria-label="Project link">
{project.data.link} {project.data.link}
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</>
)}
</div> </div>
</div> </div>
</aside> </aside>