From e43983b5d65bd1259a2582a8c073b11ddef83ff7 Mon Sep 17 00:00:00 2001
From: Dimitar Danailov <dimityr.danailov@gmail.com>
Date: Mon, 20 Nov 2023 10:24:04 +0200
Subject: [PATCH] The project supports connection between positions

---
 .../src/app/(home)/components/Experience.tsx  |  7 +++++-
 .../app/(home)/components/PositionLink.tsx    | 23 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 apps/website/src/app/(home)/components/PositionLink.tsx

diff --git a/apps/website/src/app/(home)/components/Experience.tsx b/apps/website/src/app/(home)/components/Experience.tsx
index 1bd2e7e..3d9edaa 100644
--- a/apps/website/src/app/(home)/components/Experience.tsx
+++ b/apps/website/src/app/(home)/components/Experience.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import TargetBlankLink from '@/components/TargetBlankLink'
+import PositionLink from './PositionLink'
 import {listStyle} from './shared'
 
 const conttainerClassName = 'mx-2'
@@ -11,7 +12,11 @@ const Contractor = () => {
       <section>Remote B2B Contractor (2018 - present)</section>
       <ul className={listStyle}>
         <li>
-          Full Stack Engineer,{' '}
+          <PositionLink
+            sufix="full-stack-engineer-collinson"
+            position="Full Stack Engineer"
+          />
+          ,{' '}
           <TargetBlankLink
             title="Full Stack Engineer"
             text="Collinson group"
diff --git a/apps/website/src/app/(home)/components/PositionLink.tsx b/apps/website/src/app/(home)/components/PositionLink.tsx
new file mode 100644
index 0000000..58bfbbe
--- /dev/null
+++ b/apps/website/src/app/(home)/components/PositionLink.tsx
@@ -0,0 +1,23 @@
+'use client'
+
+import Link from 'next/link'
+import {FC} from 'react'
+import {Keyword} from '@/components/SEO'
+
+export interface Props {
+  position: string
+  sufix: string
+}
+
+const PositionLink: FC<Props> = ({position, sufix}) => {
+  const href = '/positions/' + sufix
+  const className = 'hover:underline'
+
+  return (
+    <Link href={href} className={className} title={position}>
+      <Keyword word={position} />
+    </Link>
+  )
+}
+
+export default PositionLink