54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
|
import {
|
||
|
|
Tooltip,
|
||
|
|
TooltipContent,
|
||
|
|
TooltipTrigger,
|
||
|
|
} from "@/components/ui/tooltip";
|
||
|
|
|
||
|
|
import { Icon } from "@iconify/react";
|
||
|
|
import Link from "next/link";
|
||
|
|
|
||
|
|
export default async function Portfolio() {
|
||
|
|
const socials = [
|
||
|
|
{
|
||
|
|
icon: "pajamas:mail",
|
||
|
|
link: "mailto:shenoy.ameya@gmail.com",
|
||
|
|
hoverText: "Shoot me an email!",
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
icon: "pajamas:linkedin",
|
||
|
|
link: "https://linkedin.com/in/codingcoffee",
|
||
|
|
hoverText: "Let's connect on LinkedIn",
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
icon: "pajamas:github",
|
||
|
|
link: "https://github.com/codingcoffee",
|
||
|
|
hoverText: "Checkout my opensource repos at GitHub",
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
icon: "pajamas:twitter",
|
||
|
|
link: "https://x.com/codingcoffeeX",
|
||
|
|
hoverText: "Follow me on X!",
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="flex text-red-500 gap-5">
|
||
|
|
{socials.map((social, _) => (
|
||
|
|
<Tooltip key={social.link}>
|
||
|
|
<TooltipTrigger asChild>
|
||
|
|
<Link href={social.link} target="_blank" rel="noopener noreferrer">
|
||
|
|
<Icon icon={social.icon} className="inline-block" />
|
||
|
|
</Link>
|
||
|
|
</TooltipTrigger>
|
||
|
|
<TooltipContent>
|
||
|
|
<p className="text-xl">{social.hoverText}</p>
|
||
|
|
</TooltipContent>
|
||
|
|
</Tooltip>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|