fixed bug preventing anything from rendering.

This commit is contained in:
Joshua Ashton
2024-12-31 14:09:37 -07:00
parent d66977381e
commit d58fcd5a64
5 changed files with 10 additions and 291 deletions
+2 -6
View File
@@ -3,17 +3,13 @@ import React, { useState } from "react";
// TODO: Add state which only allows one skill card at a time to be expanded.
// TODO: Ensure that the expandability of the skill card is only an option when @media max-width 790px (mobile)
const SkillCard = ({ header, symbol, list, isActive, onToggle }) => {
function test() {
console.log("click detected");
onToggle();
}
return (
<div className="card shadow">
<div className="skill-card-header" onClick={() => test()}>
<div className="skill-card-header" onClick={() => onToggle()}>
<span className="material-icons skill-symbol">{symbol}</span>
<h3>{header}</h3>
</div>
{(initState || isActive) && (
{isActive && (
<ul>
{list.map((item, index) => (
<li key={index}>{item}</li>