markomarkovic/pca-pijac
1
0
Fork 0
Code Releases Activity

Use react-simple-icons for Facebook/LinkedIn/X brand logos

Browse Source
This commit is contained in:
Marko Marković
2026-04-23 21:28:13 +04:00
parent 2642d295d4
commit d74710aaa1
4 changed files with 557 additions and 970 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/routes/vendors/$slug.tsx vendored
View File

@@ -1,7 +1,8 @@
import { SiFacebook, SiLinkedin, SiX } from '@icons-pack/react-simple-icons'
import { useSuspenseQuery } from '@tanstack/react-query'
import { createFileRoute, Link, notFound } from '@tanstack/react-router'
import { iso31661 } from 'iso-3166'
import { Facebook, Globe, Linkedin, Twitter } from 'lucide-react'
import { Globe } from 'lucide-react'
import { Helmet } from 'react-helmet-async'
import { Button } from '~/components/ui/button'
@@ -101,7 +102,7 @@ function VendorDetailPage() {
)}
{vendor.linkedin && (
<li className="flex items-center gap-2">
<Linkedin className="h-4 w-4" />
<SiLinkedin className="h-4 w-4" />
<a href={vendor.linkedin} target="_blank" rel="noreferrer" className="hover:underline">
{vendor.linkedin}
</a>
@@ -109,7 +110,7 @@ function VendorDetailPage() {
)}
{vendor.twitter && (
<li className="flex items-center gap-2">
<Twitter className="h-4 w-4" />
<SiX className="h-4 w-4" />
<a href={vendor.twitter} target="_blank" rel="noreferrer" className="hover:underline">
{vendor.twitter}
</a>
@@ -117,7 +118,7 @@ function VendorDetailPage() {
)}
{vendor.facebook && (
<li className="flex items-center gap-2">
<Facebook className="h-4 w-4" />
<SiFacebook className="h-4 w-4" />
<a href={vendor.facebook} target="_blank" rel="noreferrer" className="hover:underline">
{vendor.facebook}
</a>