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

100% Statements 2/2
0% Branches 0/1
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                      45x           104x                        
import { Separator } from "@/ahuora-design-system/ui/separator";
import { CustomProperties } from "../LeftSideBar/Formulas/CustomProperties";
import { GroupPropertyListDisplay } from "./GroupPropertyListDisplay";
import { MonitoringTableRead } from "@/api/apiStore.gen";
 
interface GroupPropertiesProps {
  monitoringTables?: MonitoringTableRead[];
  onToggleVisibility?: (tableId: number) => void;
  onDeleteTable?: (tableId: number) => void;
}
 
export const GroupProperties = ({
  monitoringTables = [],
  onToggleVisibility,
  onDeleteTable,
}: GroupPropertiesProps) => {
  // add a lot of padding to the bottom so the autocomplete for epxressions is not cut off.
  return (
    <div className="w-full flex flex-col min-h-full pb-[300px]">
      <GroupPropertyListDisplay
        monitoringTables={monitoringTables}
        onToggleVisibility={onToggleVisibility}
        onDeleteTable={onDeleteTable}
      />
      <Separator className="my-2" />
      <CustomProperties />
    </div>
  );
};