Updated sidebars with their own component
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
import { BasicSidebarItem, SidebarItem } from "@/app/(stats)/_components/sidebar"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Card, CardContent } from "@/components/ui/card"
|
||||
import { Separator } from "@/components/ui/separator"
|
||||
@@ -47,16 +48,12 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
function Coins() {
|
||||
return (
|
||||
<div>
|
||||
<p>
|
||||
<span className="font-bold">{"Coin multiplier: "}</span>
|
||||
<span>{`x${levelMultiplierVal} ${levelMultiplierText}`}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Total coins: "}</span>
|
||||
<BasicSidebarItem title="Coin multiplier: " value={`x${levelMultiplierVal} ${levelMultiplierText}`} />
|
||||
<SidebarItem title="Total coins: ">
|
||||
<span className="text-mc-gold">
|
||||
{formatNumber(getTotalCoins(player.stats))}
|
||||
</span>
|
||||
</p>
|
||||
</SidebarItem>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -82,10 +79,7 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
<span className="font-bold">{": "}</span>
|
||||
<span>{formatNumber(getTotalQuests(player.quests))}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Challenges Completed: "}</span>
|
||||
<span>{formatNumber(getTotalChallenges(player.challenges))}</span>
|
||||
</p>
|
||||
<BasicSidebarItem title="Challenges Completed: " value={formatNumber(getTotalChallenges(player.challenges))} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -93,26 +87,16 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
function DailyRewards() {
|
||||
return (
|
||||
<div>
|
||||
<p>
|
||||
<span className="font-bold">{"Today's Reward: "}</span>
|
||||
<SidebarItem title="Today's Reward: ">
|
||||
<span
|
||||
className={`${rewardClaimed(player.lastClaimedReward) === true ? "font-bold text-mc-green" : undefined}`}
|
||||
>
|
||||
{rewardClaimed(player.lastClaimedReward) ? "Claimed" : "Unclaimed"}
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Rewards Claimed: "}</span>
|
||||
<span>{player.totalRewards}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Reward Streak: "}</span>
|
||||
<span>{player.rewardStreak}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Top Reward Streak: "}</span>
|
||||
<span>{player.rewardHighScore}</span>
|
||||
</p>
|
||||
</SidebarItem>
|
||||
<BasicSidebarItem title="Rewards Claimed: " value={player.totalRewards ?? 0} />
|
||||
<BasicSidebarItem title="Reward Streak: " value={player.rewardStreak ?? 0} />
|
||||
<BasicSidebarItem title="Top Reward Streak: " value={player.rewardHighScore ?? 0} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -120,14 +104,8 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
function Gifting() {
|
||||
return (
|
||||
<div>
|
||||
<p>
|
||||
<span className="font-bold">{"Gifts Given: "}</span>
|
||||
<span>{player.giftingMeta?.giftsGiven ?? 0}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Ranks Given: "}</span>
|
||||
<span>{player.giftingMeta?.ranksGiven ?? 0}</span>
|
||||
</p>
|
||||
<BasicSidebarItem title="Gifts Given: " value={player.giftingMeta?.giftsGiven ?? 0} />
|
||||
<BasicSidebarItem title="Ranks Given: " value={player.giftingMeta?.ranksGiven ?? 0} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -135,14 +113,8 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
function Logins() {
|
||||
return (
|
||||
<div>
|
||||
<p>
|
||||
<span className="font-bold">{"First Login: "}</span>
|
||||
<span>{formatDate(player.firstLogin ?? 0)}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Last Login: "}</span>
|
||||
<span>{formatDate(player.lastLogin ?? 0)}</span>
|
||||
</p>
|
||||
<BasicSidebarItem title="First Login: " value={formatDate(player.firstLogin ?? 0)} />
|
||||
<BasicSidebarItem title="Last Login: " value={formatDate(player.lastLogin ?? 0)} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -167,35 +139,21 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
<Link href={`/guild/${ign}`}>
|
||||
<h1 className="text-xl font-bold underline">Guild</h1>
|
||||
</Link>
|
||||
<p>
|
||||
<span className="font-bold">{"Name: "}</span>
|
||||
<SidebarItem title="Name: ">
|
||||
<span className={getColor(guild.tagColor, "text", "gray")}>{guild.name}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Members: "}</span>
|
||||
<span>{guild.members.length}</span>
|
||||
</p>
|
||||
</SidebarItem>
|
||||
<BasicSidebarItem title="Members: " value={guild.members.length} />
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
<span className="font-bold">{"Rank: "}</span>
|
||||
<SidebarItem title="Rank: ">
|
||||
<span>{`${getGuildMember(guild, player.uuid)?.rank} `}</span>
|
||||
<span className={getColor(guild.tagColor, "text", "gray")}>
|
||||
{getGuildRankTag(guild, player.uuid)}
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Daily GEXP: "}</span>
|
||||
<span>{formatNumber(getMemberGEXP(guild, player.uuid, 0) ?? 0)}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Weekly GEXP: "}</span>
|
||||
<span>{formatNumber(getMemberWeeklyGEXP(guild, player.uuid) ?? 0)}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span className="font-bold">{"Joined: "}</span>
|
||||
<span>{formatDate(getGuildMember(guild, player.uuid)?.joined ?? 0)}</span>
|
||||
</p>
|
||||
</SidebarItem>
|
||||
<BasicSidebarItem title="Daily GEXP: " value={formatNumber(getMemberGEXP(guild, player.uuid, 0) ?? 0)} />
|
||||
<BasicSidebarItem title="Weekly GEXP: " value={formatNumber(getMemberWeeklyGEXP(guild, player.uuid) ?? 0)} />
|
||||
<BasicSidebarItem title="Joined: " value={formatDate(getGuildMember(guild, player.uuid)?.joined ?? 0)} />
|
||||
</div>
|
||||
</div>
|
||||
<Separator className="my-4" />
|
||||
@@ -209,10 +167,7 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
<>
|
||||
<div className="flex flex-col gap-2">
|
||||
<h2 className="text-xl font-bold">Online Status</h2>
|
||||
<p>
|
||||
<span className="font-bold">{"Status: "}</span>
|
||||
<span>Offline</span>
|
||||
</p>
|
||||
<BasicSidebarItem title="Status: " value="Offline" />
|
||||
</div>
|
||||
<Separator className="my-4" />
|
||||
</>
|
||||
@@ -247,24 +202,9 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
||||
<div className="flex flex-col gap-2">
|
||||
<h2 className="text-xl font-bold">Online Status</h2>
|
||||
<div>
|
||||
{session.gameType && (
|
||||
<p>
|
||||
<span className="font-bold">{"Game: "}</span>
|
||||
<span>{getGame(session.gameType)?.name || "Unknown"}</span>
|
||||
</p>
|
||||
)}
|
||||
{showMode && (
|
||||
<p>
|
||||
<span className="font-bold">{"Mode: "}</span>
|
||||
<span>{mode || "Unknown"}</span>
|
||||
</p>
|
||||
)}
|
||||
{showMap && (
|
||||
<p>
|
||||
<span className="font-bold">{"Map: "}</span>
|
||||
<span>{session.map}</span>
|
||||
</p>
|
||||
)}
|
||||
{session.gameType && <BasicSidebarItem title="Game: " value={getGame(session.gameType)?.name || "Unknown"} />}
|
||||
{showMode && <BasicSidebarItem title="Mode: " value={mode || "Unknown"} />}
|
||||
{showMap && <BasicSidebarItem title="Map: " value={session.map || "Unknown"} />}
|
||||
</div>
|
||||
</div>
|
||||
<Separator className="my-4" />
|
||||
|
||||
Reference in New Issue
Block a user