From 6e7e57b2de2077a5c76b33dd4528020d59097bfc Mon Sep 17 00:00:00 2001
From: Ayush <joesj2905@gmail.com>
Date: Mon, 27 Jan 2025 20:19:17 +0000
Subject: [PATCH] styling and group fixes

---
 frontend/src/components/ui/button.tsx               | 4 ++--
 frontend/src/components/ui/table.tsx                | 2 +-
 frontend/src/views/products/product/ProductView.tsx | 7 +------
 frontend/src/views/sidebar/EnvDropdown.tsx          | 2 +-
 4 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
index 2de680ab3..8a0fc2aa2 100644
--- a/frontend/src/components/ui/button.tsx
+++ b/frontend/src/components/ui/button.tsx
@@ -8,7 +8,7 @@ import { LoaderCircle } from "lucide-react";
 // [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
 
 const buttonVariants = cva(
-  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-zinc-300 font-regular
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-zinc-300 font-regular
   
   `,
   {
@@ -28,7 +28,7 @@ const buttonVariants = cva(
           "hover:bg-zinc-100 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
         link: "text-zinc-900 underline-offset-4 hover:underline dark:text-zinc-50",
         dashed:
-          "text-xs font-semibold border border-1 border-dashed bg-gradient-to-b from-white to-stone-100 border-stone-300 text-primary shadow-sm hover:bg-zinc-100 hover:text-primary dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
+          "text-xs font-semibold border border-1 border-dashed bg-gradient-to-b from-white to-stone-100 border-stone-300 text-primary shadow-sm hover:from-stone-100 hover:to-stone-200 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",
         gradientPrimary:
           " bg-gradient-to-b font-semibold from-primary/65 to-primary text-white hover:from-purple-500 hover:to-purple-700 shadow-sm text-xs shadow-purple-500/50",
         gradientSecondary:
diff --git a/frontend/src/components/ui/table.tsx b/frontend/src/components/ui/table.tsx
index 1cf5b08bc..4a5ee8e6e 100644
--- a/frontend/src/components/ui/table.tsx
+++ b/frontend/src/components/ui/table.tsx
@@ -6,7 +6,7 @@ const Table = React.forwardRef<
   HTMLTableElement,
   React.HTMLAttributes<HTMLTableElement>
 >(({ className, ...props }, ref) => (
-  <div className={cn("relative w-full overflow-auto rounded-md p-3 border bg-white", className)}>
+  <div className={cn("relative w-full overflow-auto rounded-sm p-3 border bg-white", className)}>
     <table
       ref={ref}
       className="w-full caption-bottom text-sm"
diff --git a/frontend/src/views/products/product/ProductView.tsx b/frontend/src/views/products/product/ProductView.tsx
index cfdda261b..68c7ff881 100644
--- a/frontend/src/views/products/product/ProductView.tsx
+++ b/frontend/src/views/products/product/ProductView.tsx
@@ -40,18 +40,13 @@ function ProductView({
 
   useEffect(() => {
     if (data?.product) {
-      //setProduct(data.product)
-      setProduct({
-        ...data.product,
-        group: 'group test'
-      });
+      setProduct(data.product)
 
       initialProductRef.current = data.product;
     }
   }, [data]);
 
   useEffect(() => {
-    console.log("product", product);
 
     if (!initialProductRef.current || !product) {
       setHasChanges(false);
diff --git a/frontend/src/views/sidebar/EnvDropdown.tsx b/frontend/src/views/sidebar/EnvDropdown.tsx
index 726592125..73cd8c306 100644
--- a/frontend/src/views/sidebar/EnvDropdown.tsx
+++ b/frontend/src/views/sidebar/EnvDropdown.tsx
@@ -39,7 +39,7 @@ export const EnvDropdown = ({ env }: { env: AppEnv }) => {
           {expanded ? (
             <DropdownMenuTrigger
               asChild
-              className="ring-0 focus:ring-0 border bg-white text-t2 rounded-lg"
+              className="ring-0 focus:ring-0 border bg-white text-t2 rounded-sm"
             >
               <SidebarMenuButton>
                 {envText}