make all skills same color

This commit is contained in:
Triston Armstrong 2023-12-27 23:06:20 -06:00
parent 723cf54237
commit 3a3fda85ca

View File

@ -1,31 +1,4 @@
export default function Skill({ label, color }) { export default function Skill({ label, color }) {
return <div className={`bg-slate-500 text-white rounded-xl px-2 py-1 text-xs`}>{label}</div>
switch (color) {
case "blue-500":
return <TypescriptSkill {...{ label }} />
case "green-800":
return <PythonSkill {...{ label }} />
case "yellow-800":
return <RustSkill {...{ label }} />
case "yellow-500":
return <JavascriptSkill {...{ label }} />
default:
return null
}
} }
function TypescriptSkill({ label }) {
return <div className={`bg-blue-500 text-white rounded-xl px-2 py-1 text-xs`}>{label}</div>
}
function JavascriptSkill({ label }) {
return <div className={`bg-yellow-500 text-white rounded-xl px-2 py-1 text-xs`}>{label}</div>
}
function PythonSkill({ label }) {
return <div className={`bg-green-800 text-white rounded-xl px-2 py-1 text-xs`}>{label}</div>
}
function RustSkill({ label }) {
return <div className={`bg-yellow-800 text-white rounded-xl px-2 py-1 text-xs`}>{label}</div>
}