expanding the skill set

src/portfolio/helpers/TechnologyDisplay.tsx

@@ -1,20 +1,35 @@
 import {FC} from "react";
-import ProgressBar from "@/src/portfolio/helpers/ProgressBar";
 import styles from "../styling/projects.module.scss";
 import {TechnologyEnum} from "@/src/portfolio/helpers/Project";
 
 type args = {
     name : TechnologyEnum,
-    customScore? : string,
-    score? : number
+    level? : ProficiencyLevel,
 }
 
-const TechnologyDisplay : FC<args> = ({name, score, customScore}) => {
-	if (score) {
+export enum ProficiencyLevel {
+	beginner = "Beginner",
+	intermediate = "Intermediate",
+	advanced = "Advanced",
+	expert = "Expert",
+	master = "Master",
+}
+
+
+const TechnologyDisplay : FC<args> = ({name, level}) => {
+	const level_to_emoji = {
+		[ProficiencyLevel.beginner]: "🌱",
+		[ProficiencyLevel.intermediate]: "🌳",
+		[ProficiencyLevel.advanced]: "🌟",
+		[ProficiencyLevel.expert]: "🚀",
+		[ProficiencyLevel.master]: "🧙‍♂️"
+	};
+
+	if (level) {
 		return (
 			<div id={name.toLowerCase()} className={styles.technology} data-aos={"fade-in"}>
-				{name}
-				<ProgressBar percentage={score} customScore={customScore}/>
+				<b>{name}&nbsp;&nbsp;</b>
+				<span style={{float: "right", fontSize: "0.8em"}}>{level} {level_to_emoji[level]}</span>
 			</div>
 		);
 	}