diff --git a/platform/ui-next/src/_prototypes/DataRow/DataRow.tsx b/platform/ui-next/src/_prototypes/DataRow/DataRow.tsx index 8ad00288af..42e85aa928 100644 --- a/platform/ui-next/src/_prototypes/DataRow/DataRow.tsx +++ b/platform/ui-next/src/_prototypes/DataRow/DataRow.tsx @@ -1,4 +1,6 @@ -import React from 'react'; +// src/_prototypes/DataRow/DataRow.tsx + +import React, { useState } from 'react'; import { Button } from '../../components/Button/Button'; import { DropdownMenu, @@ -33,9 +35,12 @@ const DataRow: React.FC = ({ isSelected = false, onSelect, }) => { + // State to track if the dropdown is open + const [isDropdownOpen, setIsDropdownOpen] = useState(false); + return (
- {/* Row 1 */} + {/* Row 1 with 'group' class to enable group-hover */}
= ({
- {/* Actions Button (Appears on Hover of the entire row) */} + {/* Actions Button (Appears on Hover or when Dropdown is Open or Selected) */}
- {' '} - {/* Updated div */} - + setIsDropdownOpen(open)}> diff --git a/platform/ui-next/src/tailwind.css b/platform/ui-next/src/tailwind.css index 7b1faf7245..75f0f07fca 100644 --- a/platform/ui-next/src/tailwind.css +++ b/platform/ui-next/src/tailwind.css @@ -18,7 +18,7 @@ --primary: 214 98% 60%; --primary-foreground: 0 0% 98%; --secondary: 214 66% 48%; - --secondary-foreground: 0 0% 85%; + --secondary-foreground: 200 50% 84%; --muted: 234 64% 10%; --muted-foreground: 200 46% 65%; --accent: 217 79% 24%;