{columns.map((col, idx2) => {
return (
-
+ |
{col.formatter
? getFormatter(col.formatter)(row[col.name], row)
: row[col.name]}
|
);
})}
+ {hasActions && (
+
+
+ |
+ )}
);
})}
diff --git a/frontend/src/components/Table/TableActionsMenu.tsx b/frontend/src/components/Table/TableActionsMenu.tsx
new file mode 100644
index 00000000..8e0495c1
--- /dev/null
+++ b/frontend/src/components/Table/TableActionsMenu.tsx
@@ -0,0 +1,24 @@
+import React, { ReactNode } from "react";
+
+import { DotsVertical } from "tabler-icons-react";
+
+export interface TableActionsMenuProps {
+ /**
+ * Additional Class
+ */
+ className?: string;
+ /**
+ * Actions
+ */
+ actions: ReactNode[];
+}
+export const TableActionsMenu = ({
+ actions,
+ className,
+}: TableActionsMenuProps) => {
+ return (
+