🎨 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:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user