feat(nav): add Friday Ops calendar entry and truncate level label in mini mode
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
parent
5577976c96
commit
892587c3ba
1 changed files with 14 additions and 6 deletions
|
|
@ -4,6 +4,7 @@ import * as React from "react";
|
||||||
import {
|
import {
|
||||||
ArrowLeftRight,
|
ArrowLeftRight,
|
||||||
Bolt,
|
Bolt,
|
||||||
|
CalendarDays,
|
||||||
Shield,
|
Shield,
|
||||||
Users,
|
Users,
|
||||||
Maximize,
|
Maximize,
|
||||||
|
|
@ -50,6 +51,11 @@ const data = {
|
||||||
url: "/transfers",
|
url: "/transfers",
|
||||||
icon: ArrowLeftRight,
|
icon: ArrowLeftRight,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "Friday Ops",
|
||||||
|
url: "/intelligence/missions/calendar",
|
||||||
|
icon: CalendarDays,
|
||||||
|
},
|
||||||
],
|
],
|
||||||
...sidebarData,
|
...sidebarData,
|
||||||
};
|
};
|
||||||
|
|
@ -163,10 +169,10 @@ export function AppSidebar({
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
{isMiniMode ? (
|
{isMiniMode ? (
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex min-w-0 flex-1 items-center gap-2">
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger>
|
<TooltipTrigger className="min-w-0">
|
||||||
<div className="text-xs text-muted-foreground uppercase">
|
<div className="truncate text-xs text-muted-foreground uppercase">
|
||||||
{xpLevel.levelName}
|
{xpLevel.levelName}
|
||||||
</div>
|
</div>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
|
|
@ -174,9 +180,11 @@ export function AppSidebar({
|
||||||
<p>{xpLevel.levelDesc}</p>
|
<p>{xpLevel.levelDesc}</p>
|
||||||
</TooltipContent>
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<SparkleIcon className="w-4 h-4" />
|
<SparkleIcon className="w-4 h-4 shrink-0" />
|
||||||
<span className="text-xs font-bold">{xpLevel.xp.toLocaleString()}</span>
|
<span className="text-xs font-bold shrink-0">
|
||||||
<Progress value={xpLevel.progress} className="w-20 h-1" />
|
{xpLevel.xp.toLocaleString()}
|
||||||
|
</span>
|
||||||
|
<Progress value={xpLevel.progress} className="w-20 h-1 shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<XPDisplay xpLevel={xpLevel} />
|
<XPDisplay xpLevel={xpLevel} />
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue