render project link condtionally

This commit is contained in:
2026-03-27 14:27:28 -04:00
parent 653adbe345
commit 7d9e5f08a4

View File

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