From 95eb908fcf8105f9c1d49f05e664ed8fc579899b Mon Sep 17 00:00:00 2001
From: Andrew Davis <1709934+Savid@users.noreply.github.com>
Date: Sat, 5 Apr 2025 23:57:05 +1000
Subject: [PATCH] revert info on field label

---
 ui/src/components/FieldLabel.tsx | 47 +++++++++-----------------------
 1 file changed, 13 insertions(+), 34 deletions(-)

diff --git a/ui/src/components/FieldLabel.tsx b/ui/src/components/FieldLabel.tsx
index 614e3c3..f9065a1 100644
--- a/ui/src/components/FieldLabel.tsx
+++ b/ui/src/components/FieldLabel.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-import { LuInfo } from "react-icons/lu";
 
 import { cx } from "@/cva.config";
 
@@ -9,7 +8,6 @@ interface Props {
   as?: "label" | "span";
   description?: string | React.ReactNode | null;
   disabled?: boolean;
-  info?: string;
 }
 export default function FieldLabel({
   label,
@@ -17,36 +15,7 @@ export default function FieldLabel({
   as = "label",
   description,
   disabled,
-  info,
 }: Props) {
-  const labelContent = (
-    <>
-      <div className="flex items-center gap-1">
-        {label}
-        {info && (
-          <div className="group relative cursor-pointer">
-            <LuInfo className={cx(
-              "h-4 w-4",
-              "text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300"
-            )} />
-            <div className={cx(
-              "absolute left-1/2 top-full z-10 mt-1 hidden w-64 -translate-x-1/2",
-              "rounded-md bg-slate-800 px-3 py-2 text-xs text-white shadow-lg",
-              "group-hover:block dark:bg-slate-700"
-            )}>
-              <p>{info}</p>
-            </div>
-          </div>
-        )}
-      </div>
-      {description && (
-        <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
-          {description}
-        </span>
-      )}
-    </>
-  );
-
   if (as === "label") {
     return (
       <label
@@ -56,18 +25,28 @@ export default function FieldLabel({
           disabled && "opacity-50",
         )}
       >
-        {labelContent}
+        {label}
+        {description && (
+          <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
+            {description}
+          </span>
+        )}
       </label>
     );
   } else if (as === "span") {
     return (
       <div className="flex select-none flex-col">
         <span className="font-display text-[13px] font-medium leading-snug text-black dark:text-white">
-          {labelContent}
+          {label}
         </span>
+        {description && (
+          <span className="my-0.5 text-[13px] font-normal text-slate-600 dark:text-slate-400">
+            {description}
+          </span>
+        )}
       </div>
     );
   } else {
     return <></>;
   }
-}
+}
\ No newline at end of file