feat: modules and module-editor pages

src/app/modules/components/InnerAttributesTable.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { FC } from "react";
+import { Center, Text } from "@mantine/core";
+import useAttributesInnerTableColumns from "@/app/modules/hooks/useAttributesInnerTableColumns";
+import BaseTable from "@/components/ui/BaseTable/BaseTable";
+import { ModuleAttributeSchema } from "@/lib/client";
+
+type Props = {
+    attributes: ModuleAttributeSchema[];
+    moduleId: number;
+};
+
+const InnerAttributesTable: FC<Props> = ({ attributes, moduleId }) => {
+    const innerColumns = useAttributesInnerTableColumns();
+
+    if (attributes.length === 0) {
+        return (
+            <Center my={"md"}>
+                <Text>В модуле нет атрибутов</Text>
+            </Center>
+        );
+    }
+
+    return (
+        <BaseTable
+            key={moduleId}
+            withTableBorder
+            columns={innerColumns}
+            records={attributes}
+            verticalSpacing={"md"}
+            groups={undefined}
+            styles={{ table: { width: "100%" } }}
+        />
+    );
+};
+
+export default InnerAttributesTable;