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"