External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-18 07:56:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

New view selection menu in servers view

Browse Source
This commit is contained in:
headlessdev 2025-04-26 13:18:26 +02:00
parent fde7b3b23e
commit 2f61974f6e
1 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/dashboard/servers/Servers.tsx
View File

@ -64,6 +64,7 @@ import Chart from 'chart.js/auto'
import NextLink from "next/link"
import { Toaster } from "@/components/ui/sonner"
import { toast } from "sonner"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
interface ServerHistory {
labels: string[];
@ -173,10 +174,9 @@ export default function Dashboard() {
const customInputRef = useRef<HTMLInputElement>(null);
const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
const toggleLayout = () => {
const newLayout = !isGridLayout;
setIsGridLayout(newLayout);
Cookies.set("layoutPreference-servers", newLayout ? "grid" : "standard", {
const toggleLayout = (gridLayout: boolean) => {
setIsGridLayout(gridLayout);
Cookies.set("layoutPreference-servers", gridLayout ? "grid" : "standard", {
expires: 365,
path: "/",
sameSite: "strict",
@ -542,16 +542,25 @@ export default function Dashboard() {
<div className="flex justify-between items-center">
<span className="text-3xl font-bold">Your Servers</span>
<div className="flex gap-2">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline" size="icon" onClick={toggleLayout}>
{isGridLayout ? <List className="h-4 w-4" /> : <LayoutGrid className="h-4 w-4" />}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="icon" title="Change view">
{isGridLayout ? (
<LayoutGrid className="h-4 w-4" />
) : (
<List className="h-4 w-4" />
)}
</Button>
</TooltipTrigger>
<TooltipContent>{isGridLayout ? "Switch to list view" : "Switch to grid view"}</TooltipContent>
</Tooltip>
</TooltipProvider>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => toggleLayout(false)}>
<List className="h-4 w-4 mr-2" /> List View
</DropdownMenuItem>
<DropdownMenuItem onClick={() => toggleLayout(true)}>
<LayoutGrid className="h-4 w-4 mr-2" /> Grid View
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
<Select
value={String(itemsPerPage)}