dimitar/placebo.mk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

buymeacoffe added

Browse Source
This commit is contained in:
echo 2026-02-16 21:20:58 +01:00
parent c2c77ac92a
commit 8510cccb6e
2 changed files with 43 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/layout/Header.tsx
View File

@ -119,7 +119,15 @@ export function Header() {
</Link> </Link>
)} )}
<div className="ml-4 pl-4 border-l-2 border-foreground/20"> <div className="ml-4 pl-4 border-l-2 border-foreground/20 flex items-center gap-3">
<a
href="https://www.buymeacoffee.com/placebomk"
target="_blank"
rel="noopener noreferrer"
className="hidden lg:block border-2 border-foreground bg-yellow-400 hover:bg-yellow-300 transition-colors px-3 py-1 font-body text-xs font-bold uppercase tracking-wider"
>
☕ Купи ми кафе
</a>
<ThemeToggle /> <ThemeToggle />
</div> </div>
</div> </div>

50
frontend/src/components/routes/ArticleDetailComponent.tsx
View File

@ -73,7 +73,7 @@ export function ArticleDetailComponent({ id }: { id: string }) {
</div> </div>
{/* Social Sharing */} {/* Social Sharing */}
<div className="mb-8"> <div className="mb-8 flex flex-wrap items-center gap-4">
<SocialShareButtons <SocialShareButtons
articleId={data.id} articleId={data.id}
title={data.title} title={data.title}
@ -82,6 +82,14 @@ export function ArticleDetailComponent({ id }: { id: string }) {
image={data.featuredImage} image={data.featuredImage}
tags={data.tags} tags={data.tags}
/> />
<a
href="https://www.buymeacoffee.com/placebomk"
target="_blank"
rel="noopener noreferrer"
className="border-2 border-foreground bg-yellow-400 hover:bg-yellow-300 transition-colors px-4 py-2 font-body text-sm font-bold uppercase tracking-wider"
>
☕ Купи ми кафе
</a>
</div> </div>
{data.featuredImage && data.imagePosition !== 'none' && ( {data.featuredImage && data.imagePosition !== 'none' && (
@ -181,21 +189,31 @@ export function ArticleDetailComponent({ id }: { id: string }) {
</div> </div>
</div> </div>
{/* Social Sharing Footer */} {/* Social Sharing Footer */}
<div className="mt-8 pt-8 border-t"> <div className="mt-8 pt-8 border-t">
<div className="flex flex-col items-center"> <div className="flex flex-col items-center gap-4">
<p className="text-sm text-muted-foreground mb-4">Share this article:</p> <p className="text-sm text-muted-foreground mb-2">Share this article:</p>
<SocialShareButtons <div className="flex flex-wrap items-center justify-center gap-4">
articleId={data.id} <SocialShareButtons
title={data.title} articleId={data.id}
url={typeof window !== 'undefined' ? window.location.href : ''} title={data.title}
excerpt={data.excerpt} url={typeof window !== 'undefined' ? window.location.href : ''}
image={data.featuredImage} excerpt={data.excerpt}
tags={data.tags} image={data.featuredImage}
variant="footer" tags={data.tags}
/> variant="footer"
</div> />
</div> <a
href="https://www.buymeacoffee.com/placebomk"
target="_blank"
rel="noopener noreferrer"
className="border-2 border-foreground bg-yellow-400 hover:bg-yellow-300 transition-colors px-4 py-2 font-body text-sm font-bold uppercase tracking-wider"
>
☕ Купи ми кафе
</a>
</div>
</div>
</div>
{data.tags && Array.isArray(data.tags) && data.tags.length > 0 && ( {data.tags && Array.isArray(data.tags) && data.tags.length > 0 && (
<div className="mt-8 pt-8 border-t"> <div className="mt-8 pt-8 border-t">