update

grubengraeber · Jul 31, 2024 · b4411c9 · b4411c9
1 parent 4cb9760
commit b4411c9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app/me/shared/skills/base/technology/technology-skill-base-mobile.tsx b/app/me/shared/skills/base/technology/technology-skill-base-mobile.tsx
@@ -19,8 +19,12 @@ function TechnologySkillBaseMobile({items, label } : {items: TechnologySkill[],
         {items.map((item, index) => (
             <Dialog key={index}>
                 <DialogTrigger asChild>
+                    {/* TODO: Animate the click on the following div to be visually seeable like a click animation */}
+
+
                     <motion.div
-                    className={`inline-block h-full ${colors[index % colors.length]}`}
+
+                    className={`inline-block h-full ${colors[index % colors.length]} `}
                     style={{ width: `${(item.level / totalLevel) * 100}%` }}
                     initial={{
                         scaleX: 0,
@@ -36,6 +40,8 @@ function TechnologySkillBaseMobile({items, label } : {items: TechnologySkill[],
                         }
                     }}
                     animate={{ width: `${(item.level / totalLevel) * 100}%` }}
+                    whileTap={{ scale: 0.8 }}
+
                     ></motion.div>
                 </DialogTrigger>
 

diff --git a/app/projects/[projectName]/page.tsx b/app/projects/[projectName]/page.tsx
@@ -34,7 +34,7 @@ const projectData: Project[] = [
     ),
   ];
 
-const ProjectDetailPage: NextPage = () => {
+function ProjectDetailPage() {
   const params = useParams<{ projectName: string }>()
   const projectName = params.projectName;
   const project = projectData.find(p => p.title === projectName);