Chat hub page

src/components/settings/SettingsDialog.tsx

@@ -10,28 +10,34 @@ import {
 import { cn } from "@/lib/utils";
 import Settings from "./Settings";
 import { ProfileSettings } from "@/types/settings";
-import { useState } from "react";
+import { ReactNode, useState } from "react";
 
 export default function SettingsDialog({
   className,
   tab,
   profile,
+  children,
 }: {
   className?: string;
   tab?: string;
   profile: ProfileSettings;
+  children?: ReactNode;
 }) {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button
-          className={cn(
-            "bg-transparent text-accent-foreground hover:text-accent",
-            className
-          )}
-        >
-          <SettingsIcon />
-        </Button>
+        {children ? (
+          children
+        ) : (
+          <Button
+            className={cn(
+              "bg-transparent text-accent-foreground hover:text-accent",
+              className
+            )}
+          >
+            <SettingsIcon />
+          </Button>
+        )}
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>