cleanup

Author: DarianM

frontend/app/components/redesign/components/ToolsWalletAddress.tsx

@@ -176,7 +176,6 @@ export const ToolsWalletAddress = ({ toolName }: ToolsWalletAddressProps) => {
               disabled={snap.isWalletConnected}
               readOnly={isLoading}
               error={error?.fieldErrors.walletAddress}
-              required={!snap.isWalletConnected}
             />
           </div>
           {snap.isWalletConnected && (

frontend/app/components/redesign/components/Tooltip.tsx

@@ -1,4 +1,4 @@
-import { useState, useId } from 'react'
+import { useState } from 'react'
 import { cx } from 'class-variance-authority'
 import { SVGTooltip } from '../../../assets/svg'
 
@@ -9,32 +9,16 @@ export interface TooltipProps {
 
 export function Tooltip({ children, className }: TooltipProps) {
   const [open, setOpen] = useState(false)
-  const tooltipId = useId()
-
   return (
-    <div className={cx('w-fit relative inline-flex', className)}>
-      <button
-        type="button"
-        aria-label="More information"
-        aria-describedby={open ? tooltipId : undefined}
-        aria-expanded={open}
-        onMouseEnter={() => setOpen(true)}
-        onMouseLeave={() => setOpen(false)}
-        onFocus={() => setOpen(true)}
-        onBlur={() => setOpen(false)}
-        onClick={() => setOpen(!open)}
-        className="rounded-full hover:bg-gray-100 focus:outline-none focus:ring-1 focus:ring-primary-focus"
-      >
-        <SVGTooltip className="w-6 h-6" />
-      </button>
-
+    <div
+      className={cx('w-fit relative inline-flex', className)}
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+    >
+      <SVGTooltip className="w-6 h-6" />
       {open && (
-        <div
-          id={tooltipId}
-          role="tooltip"
-          className="absolute z-50 left-8 top-1/2 -translate-y-1/2 w-[485px] flex items-center justify-center gap-2.5 p-4 bg-interface-tooltip rounded-lg shadow-lg"
-        >
-          <p className="text-white text-sm leading-relaxed">{children}</p>
+        <div className="absolute z-50 left-8 top-1/2 -translate-y-1/2 w-[485px] flex items-center justify-center gap-2.5 p-4 bg-interface-tooltip rounded-lg shadow-lg">
+          <p className="flex-1 mt-[-1.00px]  text-white">{children}</p>
         </div>
       )}
     </div>