mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #176 from ladunjexa/patch-2

Browse Source 
🎨 [enhancement] Added optional title functionality to Tags.astro
This commit is contained in:
André B
2023-06-13 21:14:09 -04:00
committed by GitHub
parent e8861b3cf8 f65fa1659b
commit a08fee01f0
1 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/blog/Tags.astro
View File

@ -6,29 +6,36 @@ import type { Post } from '~/types';
export interface Props { export interface Props {
tags: Post['tags']; tags: Post['tags'];
class?: string; class?: string;
title?: string | undefined;
isCategory?: boolean;
} }
const { tags, class: className = 'text-sm' } = Astro.props; const { tags, class: className = 'text-sm', title = undefined, isCategory = false } = Astro.props;
--- ---
{ {
tags && Array.isArray(tags) && ( tags && Array.isArray(tags) && (
<ul class={className}> <>
{tags.map((tag) => ( <>
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase font-medium"> {title !== undefined && <span class="align-super font-normal underline underline-offset-4 decoration-2 dark:text-slate-400">{title}</span>}
{BLOG?.tag?.disabled ? ( </>
tag <ul class={className}>
) : ( {tags.map((tag) => (
<a <li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase font-medium">
href={getPermalink(tag, 'tag')} {BLOG?.tag?.disabled ? (
class="text-muted dark:text-slate-300 hover:text-primary dark:hover:text-gray-200" tag
> ) : (
{tag} <a
</a> href={getPermalink(tag, (isCategory ? 'category' : 'tag')}
)} class="text-muted dark:text-slate-300 hover:text-primary dark:hover:text-gray-200"
</li> >
))} {tag}
</ul> </a>
)}
</li>
))}
</ul>
</>
) )
} }