adjust sidebar

This commit is contained in:
miloschwartz
2026-04-16 16:26:13 -07:00
parent a27a169160
commit 6fb8dae966
2 changed files with 22 additions and 27 deletions

View File

@@ -24,10 +24,8 @@ import dynamic from "next/dynamic";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { FaGithub } from "react-icons/fa";
import SidebarLicenseButton from "./SidebarLicenseButton"; import SidebarLicenseButton from "./SidebarLicenseButton";
import { SidebarSupportButton } from "./SidebarSupportButton"; import { SidebarSupportButton } from "./SidebarSupportButton";
import { is } from "drizzle-orm";
const ProductUpdates = dynamic(() => import("./ProductUpdates"), { const ProductUpdates = dynamic(() => import("./ProductUpdates"), {
ssr: false ssr: false
@@ -291,7 +289,6 @@ export function LayoutSidebar({
: build === "enterprise" : build === "enterprise"
? t("enterpriseEdition") ? t("enterpriseEdition")
: "Pangolin Cloud"} : "Pangolin Cloud"}
<FaGithub size={12} />
</Link> </Link>
</div> </div>
{build === "enterprise" && {build === "enterprise" &&

View File

@@ -103,29 +103,27 @@ export default function ProductUpdates({
)} )}
> >
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<small {filteredUpdates.length > 1 && (
className={cn( <small
"text-xs text-muted-foreground flex items-center gap-1 mt-2 empty:mt-0", className={cn(
showMoreUpdatesText "text-xs text-muted-foreground flex items-center gap-1 mt-2",
? "animate-in fade-in duration-300" showMoreUpdatesText
: "opacity-0" ? "animate-in fade-in duration-300"
)} : "opacity-0"
> )}
{filteredUpdates.length > 1 && ( >
<> <BellIcon className="flex-none size-3" />
<BellIcon className="flex-none size-3" /> <span>
<span> {showNewVersionPopup
{showNewVersionPopup ? t("productUpdateMoreInfo", {
? t("productUpdateMoreInfo", { noOfUpdates: filteredUpdates.length
noOfUpdates: filteredUpdates.length })
}) : t("productUpdateInfo", {
: t("productUpdateInfo", { noOfUpdates: filteredUpdates.length
noOfUpdates: filteredUpdates.length })}
})} </span>
</span> </small>
</> )}
)}
</small>
<ProductUpdatesListPopup <ProductUpdatesListPopup
updates={filteredUpdates} updates={filteredUpdates}
show={filteredUpdates.length > 0} show={filteredUpdates.length > 0}
@@ -378,7 +376,7 @@ function NewVersionAvailable({
<span> <span>
{t("pangolinUpdateAvailableReleaseNotes")} {t("pangolinUpdateAvailableReleaseNotes")}
</span> </span>
<ArrowRight className="flex-none size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-1" /> <ArrowRight className="flex-none size-3" />
</div> </div>
</div> </div>
</a> </a>