initial commit

components/features/logs/MobileLogsTable.tsx

@@ -5,7 +5,7 @@ import { formatDate, formatTimeWithSeconds } from "@/utils/dateUtils";
 import { reasonLabel } from "@/utils/loginUtils";
 
 interface MobileLogsTableProps {
-  logs: UserLoginLog[];
+  logs: UserLoginLog[] | null | undefined;
 }
 
 export const MobileLogsTable = ({ logs }: MobileLogsTableProps) => {
@@ -15,18 +15,21 @@ export const MobileLogsTable = ({ logs }: MobileLogsTableProps) => {
         className="flex-1"
         contentContainerStyle={{ paddingBottom: 16 }}
       >
-        {logs.map((log) => (
+        {logs?.map((log) => (
           <View key={log.id} className="mb-3 p-4 bg-white rounded-md shadow-sm">
             <Text className="text-base font-semibold">
               {log.name}{" "}
               <Text className="font-normal text-gray-600">({log.email})</Text>
             </Text>
             <Text className="text-sm text-gray-700 mt-1">
-              Time: {formatDate(log.lastLoginAt)} {formatTimeWithSeconds(log.lastLoginAt)}
+              Time: {formatDate(log.lastLoginAt)}{" "}
+              {formatTimeWithSeconds(log.lastLoginAt)}
             </Text>
             <Text
               className="text-sm mt-1"
-              style={{ color: log.status === "FAILURE" ? "#F83434" : "#22C927" }}
+              style={{
+                color: log.status === "FAILURE" ? "#F83434" : "#22C927",
+              }}
             >
               Login activity: {log.activity}
               {log.status === "FAILURE" && reasonLabel(log.failureReason)