diff --git a/src/components/Header/HeaderMenuItem.tsx b/src/components/Header/HeaderMenuItem.tsx index 8f8ecaa..498eaea 100644 --- a/src/components/Header/HeaderMenuItem.tsx +++ b/src/components/Header/HeaderMenuItem.tsx @@ -3,10 +3,9 @@ import { LowerMenuItem } from "./Header"; interface MenuItemProps { item: LowerMenuItem; - subItemClass: string; } -const HeaderMenuItem: React.FC = ({ item, subItemClass }) => { +const HeaderMenuItem: React.FC = ({ item }) => { const [showSubMenu, setShowSubMenu] = useState(false); const toggleSubMenu = () => { @@ -15,15 +14,17 @@ const HeaderMenuItem: React.FC = ({ item, subItemClass }) => { return (
  • {item.name} {showSubMenu && item.subItems && ( -
      +
        {item.subItems.map((subItem, index) => ( - + ))}
      )} diff --git a/src/components/LetsGetStated/LetsGetStarted.tsx b/src/components/LetsGetStated/LetsGetStarted.tsx index 024f45e..b3f0144 100644 --- a/src/components/LetsGetStated/LetsGetStarted.tsx +++ b/src/components/LetsGetStated/LetsGetStarted.tsx @@ -11,17 +11,13 @@ const LetsGetStarted: React.FC = () => { const inputRef = React.useRef(null); const handleChange = (e: React.ChangeEvent) => { - let { - target: { name, value }, - } = e; + let { name, value } = e.target as HTMLInputElement; setPinValues((prev) => ({ ...prev, [name]: value })); }; const handleInput = (e: React.FormEvent) => { - let { - target: { name, value }, - } = e; + let { name, value } = e.target as HTMLInputElement; if (name === "bvn") { const regex = /^[0-9]+$/; @@ -34,7 +30,6 @@ const LetsGetStarted: React.FC = () => { console.log("object not found"); } } - console.log(e.target.value.length); }; return (