diff --git a/src/components/Connect/Connect.test.tsx b/src/components/Connect/Connect.test.tsx index b741b6d7..53d2bbd8 100644 --- a/src/components/Connect/Connect.test.tsx +++ b/src/components/Connect/Connect.test.tsx @@ -19,6 +19,7 @@ test("shows connect", () => { "feed", "github", "instagram", + "linkedin", "twitch", "x", "youtube", diff --git a/src/components/Connect/Connect.tsx b/src/components/Connect/Connect.tsx index a9d57df5..1abe3bec 100644 --- a/src/components/Connect/Connect.tsx +++ b/src/components/Connect/Connect.tsx @@ -23,13 +23,14 @@ const Connect: FC = () => {
- - - - - + + + + + +
diff --git a/src/components/Footer/Footer.test.tsx b/src/components/Footer/Footer.test.tsx index dd51eae4..0770e200 100644 --- a/src/components/Footer/Footer.test.tsx +++ b/src/components/Footer/Footer.test.tsx @@ -9,6 +9,7 @@ const labels = [ "feed", "github", "instagram", + "linkedin", "twitch", "x", "youtube", diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index c191d5dc..a22f0478 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -5,13 +5,14 @@ import SocialLink from "~/components/SocialLink" const Footer: FC = () => { return ( ) diff --git a/src/components/Icon/Icon.test.tsx b/src/components/Icon/Icon.test.tsx index 781ef4bb..6ac3089b 100644 --- a/src/components/Icon/Icon.test.tsx +++ b/src/components/Icon/Icon.test.tsx @@ -13,6 +13,7 @@ const icons = [ "instagram", "javascript", "link", + "linkedin", "menu", "moon", "next", diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx index a7ff5d04..6af81f14 100644 --- a/src/components/Icon/Icon.tsx +++ b/src/components/Icon/Icon.tsx @@ -9,6 +9,7 @@ import { GithubIcon, InstagramIcon, JavascriptIcon, + LinkedinIcon, LinkIcon, MenuIcon, MoonIcon, @@ -50,6 +51,8 @@ const Icon: FC = ({name, ...props}) => { return case "link": return + case "linkedin": + return case "menu": return case "moon": diff --git a/src/components/Icons/LinkedinIcon.tsx b/src/components/Icons/LinkedinIcon.tsx new file mode 100644 index 00000000..6f2edac8 --- /dev/null +++ b/src/components/Icons/LinkedinIcon.tsx @@ -0,0 +1,16 @@ +import type {FC} from "react" + +const LinkedinIcon: FC = props => { + return ( + + + + ) +} + +export default LinkedinIcon diff --git a/src/components/Icons/index.ts b/src/components/Icons/index.ts index a04b678c..a78de9d2 100644 --- a/src/components/Icons/index.ts +++ b/src/components/Icons/index.ts @@ -6,6 +6,7 @@ export {default as GatsbyIcon} from "~/components/Icons/GatsbyIcon" export {default as GithubIcon} from "~/components/Icons/GithubIcon" export {default as InstagramIcon} from "~/components/Icons/InstagramIcon" export {default as JavascriptIcon} from "~/components/Icons/JavascriptIcon" +export {default as LinkedinIcon} from "~/components/Icons/LinkedinIcon" export {default as LinkIcon} from "~/components/Icons/LinkIcon" export {default as MenuIcon} from "~/components/Icons/MenuIcon" export {default as MoonIcon} from "~/components/Icons/MoonIcon" diff --git a/src/components/SocialLink/SocialLink.test.tsx b/src/components/SocialLink/SocialLink.test.tsx index 47121905..096360af 100644 --- a/src/components/SocialLink/SocialLink.test.tsx +++ b/src/components/SocialLink/SocialLink.test.tsx @@ -28,6 +28,11 @@ test("instagram", () => { expect(screen.getByLabelText("instagram")).toBeInTheDocument() }) +test("linkedin", () => { + render() + expect(screen.getByLabelText("linkedin")).toBeInTheDocument() +}) + test("twitter", () => { render() expect(screen.getByLabelText("twitter")).toBeInTheDocument() diff --git a/src/components/SocialLink/SocialLink.tsx b/src/components/SocialLink/SocialLink.tsx index 2677e3ff..4d50be50 100644 --- a/src/components/SocialLink/SocialLink.tsx +++ b/src/components/SocialLink/SocialLink.tsx @@ -10,6 +10,7 @@ type SocialLinkProps = { | "github" | "instagram" | "feed" + | "linkedin" | "twitch" | "twitter" | "x" @@ -46,6 +47,11 @@ const SocialLink: FC = ({platform}) => { name = "feed" break + case "linkedin": + url = "https://linkedin.com/in/bradgarropy" + name = "linkedin" + break + case "twitch": url = "https://twitch.tv/bradgarropy" name = "twitch"