From afff716c09b8e4687fffdcbc0aba633e195e772a Mon Sep 17 00:00:00 2001
From: Dejvino <git.dejvino.cz@dejvino.cz>
Date: Fri, 26 May 2023 05:49:37 +0200
Subject: [PATCH] Add languages

---
 src/PersonalData.ts             | 1 +
 src/PersonalDataTypes.ts        | 1 +
 src/app/components/Skills.tsx   | 3 +++
 src/app/components/TagCloud.tsx | 2 +-
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/PersonalData.ts b/src/PersonalData.ts
index 15baa73..764a84b 100644
--- a/src/PersonalData.ts
+++ b/src/PersonalData.ts
@@ -40,6 +40,7 @@ export const personalData: PersonalData = {
     skills: {
         primary: ['Java', 'TypeScript', 'JavaScript'],
         secondary: ['Kotlin', 'Go'],
+        languages: ['Czech (native)', 'English (proficient)', 'German (elementary)'],
         others: ['Driver\'s license (B)']
     },
     interests: ['Guitars and Heavy Metal', 'Mazda MX-5', 'DIY electronics'],
diff --git a/src/PersonalDataTypes.ts b/src/PersonalDataTypes.ts
index cdceffc..8bc9add 100644
--- a/src/PersonalDataTypes.ts
+++ b/src/PersonalDataTypes.ts
@@ -20,6 +20,7 @@ export type Education = Jobs;
 export type Skills = {
     primary: string[],
     secondary?: string[],
+    languages?: string[],
     others?: string[]
 }
 
diff --git a/src/app/components/Skills.tsx b/src/app/components/Skills.tsx
index d6fc1d2..88d9e85 100644
--- a/src/app/components/Skills.tsx
+++ b/src/app/components/Skills.tsx
@@ -12,6 +12,9 @@ export default function Skills() {
         {person.skills.secondary && (
           <TagCloud title='Secondary' icon='bookmark-plus' tags={person.skills.secondary} />
           )}
+        {person.skills.languages && (
+          <TagCloud title='Languages' icon='bookmarks' tags={person.skills.languages} />
+          )}
         {person.skills.others && (
           <TagCloud title='Others' icon='bookmark' tags={person.skills.others} />
           )}
diff --git a/src/app/components/TagCloud.tsx b/src/app/components/TagCloud.tsx
index 2302863..186fbbd 100644
--- a/src/app/components/TagCloud.tsx
+++ b/src/app/components/TagCloud.tsx
@@ -10,7 +10,7 @@ export type Props = {
 }
 
 function Tag(props: {text: string}) {
-    const tagKey = 'tag_' + props.text;
+    const tagKey = 'tag ' + props.text;
     const elementRef = useAutoFocus(tagKey)
     return (
         <span ref={elementRef} className='badge text-bg-light'>{props.text}</span>