project setup

2025-11-02 10:08:56 +01:00
commit 568838003e
174 changed files with 27100 additions and 0 deletions
@@ -0,0 +1,46 @@
+import { Divider } from "react-native-paper";
+
+import { User } from "@/store/models/User.model";
+import { PersonalInfo } from "@/components/features/accounts/PersonalInfo";
+import { PersonalMetrics } from "@/components/features/accounts/PersonalMetrics";
+import { PersonalTodoList } from "@/components/features/accounts/PersonalTodoList";
+import { PersonalLoginList } from "@/components/features/accounts/PersonalLoginList";
+import { PersonalActions } from "@/components/features/accounts/PersonalActions";
+import { useAppSelector } from "@/store/hooks";
+import { selectIsMobile } from "@/store/screen/screenSizeSlice";
+
+interface AccountDetailsProps {
+  user: User;
+  isLoading: boolean;
+}
+
+export const AccountDetails = ({ user, isLoading }: AccountDetailsProps) => {
+  const isMobile = useAppSelector(selectIsMobile);
+
+  return (
+    <>
+      <PersonalActions user={user} isLoading={isLoading} />
+      <Divider
+        style={{ height: 6, backgroundColor: "#C4BEBE" }}
+        className={isMobile ? "my-1" : "my-4"}
+      />
+
+      <PersonalInfo user={user} manager={user.manager} />
+      <Divider
+        style={{ height: 6, backgroundColor: "#C4BEBE" }}
+        className={isMobile ? "my-1" : "my-4"}
+      />
+      <PersonalMetrics user={user} />
+      <Divider
+        style={{ height: 6, backgroundColor: "#C4BEBE" }}
+        className={isMobile ? "my-1" : "my-4"}
+      />
+      <PersonalTodoList user={user} />
+      <Divider
+        style={{ height: 6, backgroundColor: "#C4BEBE" }}
+        className={isMobile ? "my-1" : "my-4"}
+      />
+      <PersonalLoginList user={user} />
+    </>
+  );
+};