diff --git a/frontend2/src/battlecode-logo-horiz-white.png b/frontend2/src/battlecode-logo-horiz-white.png new file mode 100644 index 000000000..3fa49c58e Binary files /dev/null and b/frontend2/src/battlecode-logo-horiz-white.png differ diff --git a/frontend2/src/components/BaseCard.tsx b/frontend2/src/components/BaseCard.tsx new file mode 100644 index 000000000..e1dce5193 --- /dev/null +++ b/frontend2/src/components/BaseCard.tsx @@ -0,0 +1,28 @@ +import React from 'react'; + +interface BaseCardProps { + gameImage: string; + gameName: string; + gameDescr: string; + gameYear: number; +} + +const BaseCard: React.FC = ({ gameImage, gameName, gameDescr, gameYear }): JSX.Element => { + const redirect = (): void => { + console.log(gameYear.toString()); // Redirect to year page + }; + + return ( +
+
+ {gameName} +
+
+
{gameName}
+

{gameDescr}

+
+
+ ); +}; + +export default BaseCard; diff --git a/frontend2/src/components/Header.tsx b/frontend2/src/components/Header.tsx new file mode 100644 index 000000000..d879bbacc --- /dev/null +++ b/frontend2/src/components/Header.tsx @@ -0,0 +1,345 @@ +import { Console } from "console"; +import React, { useState } from "react"; + + +interface HeaderProps { + loggedIn: boolean; + logoPath: string; +} + +const Header: React.FC = ({ loggedIn, logoPath }): JSX.Element => { + const [isUserMenuOpen, setIsUserMenuOpen] = useState(false); + const [mobileMenu, setMobileMenu] = useState(false) + const [activeLink, setActiveLink] = useState('Dashboard'); + + const handleLinkClick = (linkName: string): void => { + setActiveLink(linkName); + }; + const toggleMobileMenu = (): void =>{ + setMobileMenu((prev: boolean): boolean => !prev) + }; + const toggleUserMenu = (): void => { + setIsUserMenuOpen((prev: boolean): boolean => !prev); + }; + + return ( + + ); +}; + +export default Header; +// const Header: React.FC = ({loggedIn, logoPath}): JSX.Element => { + + +// return( +// +// ) +// }