From 686b38eee1e2e01496ac54e442d5fa0d98bb5319 Mon Sep 17 00:00:00 2001
From: Sahaj Jain <sahajjain13@gmail.com>
Date: Wed, 28 May 2025 16:25:17 +0530
Subject: [PATCH] feat: Add manage button to redirect to dashboard in theme
 preset select

---
 components/editor/theme-preset-select.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/components/editor/theme-preset-select.tsx b/components/editor/theme-preset-select.tsx
index 243f7930..f1e6ec47 100644
--- a/components/editor/theme-preset-select.tsx
+++ b/components/editor/theme-preset-select.tsx
@@ -6,11 +6,11 @@ import {
   Heart,
   Moon,
   Search,
+  Settings,
   Shuffle,
   Sun,
 } from "lucide-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-
 import { useTheme } from "@/components/theme-provider";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -26,6 +26,7 @@ import { useEditorStore } from "@/store/editor-store";
 import { useThemePresetStore } from "@/store/theme-preset-store";
 import { ThemePreset } from "@/types/theme";
 import { getPresetThemeStyles } from "@/utils/theme-preset-helper";
+import Link from "next/link";
 
 interface ThemePresetSelectProps extends React.ComponentProps<typeof Button> {
   withCycleThemes?: boolean;
@@ -328,7 +329,23 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
               {/* Saved Themes Group */}
               {filteredSavedThemes.length > 0 && (
                 <>
-                  <CommandGroup heading="Saved Themes">
+                  <CommandGroup
+                    heading={
+                      <div className="flex w-full items-center justify-between">
+                        <span>Saved Themes</span>
+                        <Link href="/dashboard">
+                          <Button
+                            variant="link"
+                            size="sm"
+                            className="text-muted-foreground hover:text-foreground flex h-6 items-center gap-1.5 p-0 text-xs"
+                          >
+                            <Settings />
+                            <span>Manage</span>
+                          </Button>
+                        </Link>
+                      </div>
+                    }
+                  >
                     {filteredSavedThemes
                       .filter((name) => name !== "default" && isSavedTheme(name))
                       .map((presetName, index) => (