🎨 feat(header): add language switcher and update icons

Adds a language switcher icon to the header toolbar and updates the email and
RSS icons. This change improves the user experience by providing a way for
users to switch between different language versions of the site.
This commit is contained in:
AderKonstantin
2025-03-25 23:48:59 +03:00
parent 719fa4f19f
commit 63e4981a5c

View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
import globePic from '../../public/globe.svg';
import emailPic from '../../public/email.svg'; import emailPic from '../../public/email.svg';
import rssPic from '../../public/rss-feed.svg'; import rssPic from '../../public/rss-feed.svg';
import supportPic from '../../public/support.svg'; import supportPic from '../../public/support.svg';
@@ -10,9 +11,21 @@ import settingsPic from '../../public/settings.svg';
export default function Toolbar() { export default function Toolbar() {
return ( return (
<div className="flex h-24 justify-between items-center border-t-white border-t"> <div className="flex h-24 justify-between items-center border-t-white border-t">
<div className=""><p>Software Engineer | HomeLab | Nerd</p></div> <div className="flex items-baseline">
<div className=""> <p>Software Engineer | HomeLab | Nerd</p>
</div>
<div className="flex items-baseline">
<ul className="inline-flex items-center gap-4"> <ul className="inline-flex items-center gap-4">
<li className="inline filter brightness-0 invert">
<Link href="#">
<Image
src={globePic}
alt="lang"
width={32}
height={32}
/>
</Link>
</li>
<li className="inline filter brightness-0 invert"> <li className="inline filter brightness-0 invert">
<Link href="#"> <Link href="#">
<Image <Image
@@ -33,16 +46,6 @@ export default function Toolbar() {
/> />
</Link> </Link>
</li> </li>
<li className="inline filter brightness-0 invert">
<Link href="#">
<Image
src={supportPic}
alt="support"
width={32}
height={32}
/>
</Link>
</li>
<li className="inline filter brightness-0 invert"> <li className="inline filter brightness-0 invert">
<Link href="#"> <Link href="#">
<Image <Image