DEV;Rename service to skills

src/components/Skills.tsx

@@ -7,7 +7,7 @@ import { ISkill } from "../types/skills";
 import MySection from "./MySection";
 import { GRID_SIZE } from "@treejs/components/Grid/types";
 
-const Services: FC = () => {
+const Skills: FC = () => {
 	const renderSkills = useMemo(() => {
 		let i = 0;
 		return map((skillList: ISkill[]) => {
@@ -38,7 +38,7 @@ const Services: FC = () => {
 	}, []);
 
 	return (
-		<MySection iconName="services">
+		<MySection iconName="skills">
 			<MyTitle left="Umím" right="Ovládat" />
 			<Grid cols={{ [GRID_SIZE.SM]: 4 }} className="mt-10 grid-cols-2">
 				<GridCol>
@@ -78,4 +78,4 @@ const Services: FC = () => {
 	);
 };
 
-export default Services;
+export default Skills;

src/constants/skills.ts

@@ -67,6 +67,10 @@ export const skills: ISkill[][] = [
 			name: "NightwatchJS",
 			level: "full",
 		},
+		{
+			name: "Katalon",
+			level: "full",
+		},
 		{
 			name: "Jenkins (CI, CD)",
 			level: "full",

src/pages/index.tsx

@@ -1,7 +1,7 @@
 import type { NextPage } from "next";
 
 import AboutMe from "../components/AboutMe";
-import Services from "../components/Services";
+import Skills from "../components/Skills";
 import Contact from "../components/Contact";
 import FullStory from "../components/FullStory";
 import { NextSeo, WebPageJsonLd } from "next-seo";
@@ -65,7 +65,7 @@ const Home: NextPage = () => {
 					<span className="mytitle-left">&nbsp;/&gt;</span>
 				</header>
 				<AboutMe />
-				<Services />
+				<Skills />
 				<Contact />
 				<FullStory />
 			</div>