All files / src/pages/flowsheet-page/flowsheet/PropertiesSidebar GroupPropertySelection.tsx

100% Statements 2/2
100% Branches 2/2
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36            33x         53x                                                
import { Button } from "@/ahuora-design-system/ui/button";
import { ToolTipCover } from "@/ahuora-design-system/ui/tooltip";
import { Settings2 } from "lucide-react";
import { SelectedPropertyInfo } from "./ObjectDetailsPanel";
 
 
export const GroupPropertySelection = ({ tempSelectedProperties, handleOpenDialog }: {
    tempSelectedProperties: SelectedPropertyInfo[],
    handleOpenDialog: () => void
}) => {
 
    return tempSelectedProperties.length === 0 ? (
        <div className="flex justify-center p-4">
            <Button
                className=" text-white text-base py-1 w-full flex items-center "
                onClick={handleOpenDialog}
            >
                <Settings2 />
                Select Properties
            </Button>
        </div>
    ) : (
        <div>
            <ToolTipCover content="Select properties to be observed." asChild>
                <Button
                    variant={"secondary"}
                    size={"icon"}
                    onClick={handleOpenDialog}
                    className="ml-2"
                >
                    <Settings2 />
                </Button>
            </ToolTipCover>
        </div>
    );
}