forked from PolarisPyra/cozynet
53 lines
2.2 KiB
TypeScript
53 lines
2.2 KiB
TypeScript
import AvatarCustomizationData from "@/components/CharacterCustomization/Page";
|
|
import PlayerMapIconComponent from "@/components/PlayerMapIcon/page";
|
|
import SystemVoiceComponent from "@/components/SystemVoiceUserBox/page";
|
|
import PlayerTeamComponent from "@/components/UserTeams/page";
|
|
import NavigationBar from "@/components/shared/NavigationBar/NavigationBar";
|
|
import PlayerTrophyComponent from "@/components/PlayerTrophySelector/page";
|
|
import PlayerNamePlateComponent from "@/components/PlayerNameplate/page";
|
|
import RivalComponent from "@/components/PlayerRivals/page";
|
|
import { FaHeart } from 'react-icons/fa'; // Import heart icon from react-icons library
|
|
import Link from 'next/link'; // Import Link from next/link
|
|
const UserBox = () => {
|
|
return (
|
|
<div className="bg-background min-h-screen p-4 lg:p-2">
|
|
<NavigationBar />
|
|
<div className="dark:bg-base bg-lightbackgroundmin-h-screen flex flex-col items-center ">
|
|
|
|
<div className="">
|
|
<div className="mt-4 w-full">
|
|
<AvatarCustomizationData />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<PlayerNamePlateComponent />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<PlayerTrophyComponent />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<SystemVoiceComponent />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<PlayerMapIconComponent />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<PlayerTeamComponent />
|
|
</div>
|
|
<div className="mt-4 w-full">
|
|
<RivalComponent />
|
|
</div>
|
|
<Link href="/favorites"> {/* Replace '/favorites' with the actual path of your favorites page */}
|
|
<div className="mt-2 w-full h-[120px] cursor-pointer bg-subsectionbackgroundcolor p-4 rounded-sm flex flex-col hover:bg-color13 dark:hover:bg-mantle items-center justify-center">
|
|
<FaHeart className="mr-2 text-heartcolornormal" style={{ fontSize: '5em' }} />
|
|
<span className="mt-2 text-sm font-bold text-typography ">FAVORITES</span>
|
|
</div>
|
|
</Link>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UserBox;
|