project setup

2025-11-02 10:08:56 +01:00
commit 568838003e
174 changed files with 27100 additions and 0 deletions
@@ -0,0 +1,58 @@
+import { DataTable, Text } from "react-native-paper";
+import { View } from "react-native";
+
+import { UserLoginLog } from "@/store/api/usersApi";
+import { formatDate, formatTime } from "@/utils/dateUtils";
+import { LogsTableHeader } from "@/components/features/logs/LogsTableHeader";
+import { TableSortDirection } from "@/constants/tableSortDirectionEnum";
+
+interface DesktopLogsTableProps {
+  logs: UserLoginLog[];
+  sortColumn: string | null;
+  sortDirection: TableSortDirection;
+  onSort: (column: string) => void;
+}
+
+export const DesktopLogsTable = ({
+  logs,
+  sortColumn,
+  sortDirection,
+  onSort,
+}: DesktopLogsTableProps) => {
+  return (
+    <DataTable>
+      <LogsTableHeader
+        sortColumn={sortColumn}
+        sortDirection={sortDirection}
+        onSort={onSort}
+      />
+
+      {logs.map((log) => (
+        <DataTable.Row key={log.id}>
+          <DataTable.Cell>
+            <View className="flex-row items-center flex-shrink pr-2">
+              <Text numberOfLines={1}>{log.name}</Text>
+            </View>
+          </DataTable.Cell>
+          <DataTable.Cell>
+            <View className="flex-row items-center flex-shrink pr-2">
+              <Text numberOfLines={1}>{log.email}</Text>
+            </View>
+          </DataTable.Cell>
+          <DataTable.Cell>
+            <View className="flex-row items-center flex-shrink pr-2">
+              <Text numberOfLines={1}>
+                {formatDate(log.lastLoginAt)} {formatTime(log.lastLoginAt)}
+              </Text>
+            </View>
+          </DataTable.Cell>
+          <DataTable.Cell>
+            <View className="flex-row items-center flex-shrink pr-2">
+              <Text numberOfLines={1}>{log.activity}</Text>
+            </View>
+          </DataTable.Cell>
+        </DataTable.Row>
+      ))}
+    </DataTable>
+  );
+};