Minor issue fixes & readme updated

pokhrelashok · Nov 29, 2023 · c8ea723 · c8ea723
1 parent d024d6f
commit c8ea723
Show file tree

Hide file tree

Showing 14 changed files with 30 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -14,7 +14,15 @@ All the data is stored locally and there are no api calls happening except the o
 
 ## Screenshots
 
-![Main Menu](/screenshots/shot-1.png)
-![Manage Users](/screenshots/shot-2.png)
-![View Open Shares](/screenshots/shot-4.png)
-![Check Share Results](/screenshots/shot-3.png)
+![Main Menu](/screenshots/1.png)
+_Main Menu_
+![Manage Users](/screenshots/2.png)
+_Manage Users_
+![User Checkup](/screenshots/3.png)
+_Check for User issues (demat expired, password expired)_
+![User Portfolio](/screenshots/4.png)
+_User Portfolio_
+![Open Shares](/screenshots/6.png)
+_Check Open Shares & Apply_
+![Check Result](/screenshots/5.png)
+_Check Application Result_
diff --git a/app/users/[id]/page.tsx b/app/users/[id]/page.tsx
@@ -2,21 +2,30 @@
 import { useParams, useSearchParams } from "next/navigation";
 import Wrapper from "../../_components/Wrapper";
 import useInvoke from "@/hooks/useInvoke";
-import { useEffect } from "react";
-import { Portfolio } from "@/types";
+import { useEffect, useMemo } from "react";
+import { Portfolio, User, UserDetails } from "@/types";
 import { formatPrice } from "@/utils/price";
 import SectionLoading from "@/app/_components/SectionLoading";
 
 function UserDetailsPage() {
   const params = useParams();
   const id = params.id;
   const { data, handle } = useInvoke<Portfolio>("get_user_portfolio");
+  const { data: users } = useInvoke<User[]>("get_users", [], true);
   useEffect(() => {
     handle({ id });
   }, [handle, id]);
 
+  const details = useMemo(() => {
+    return users.find((u) => u.id == id);
+  }, [users, id]);
+
   return (
-    <Wrapper className="!py-0" showBack={true} title="User Details">
+    <Wrapper
+      className="!py-0"
+      showBack={true}
+      title={`${details ? details.name : "User"} Portfolio`}
+    >
       {data ? (
         <table className="min-w-full bg-white border border-gray-300 z-[1111111]">
           <thead>

diff --git a/app/users/page.tsx b/app/users/page.tsx
@@ -6,14 +6,9 @@ import { Dialog, Transition } from "@headlessui/react";
 import toast from "react-hot-toast";
 import Wrapper from "../_components/Wrapper";
 import Button from "../_components/Button";
-import { Capital, User } from "../../types";
+import { Capital, User, UserDetails } from "../../types";
 import LoadingSpinner from "../_components/LoadingSpinner";
 
-type UserDetails = {
-  details: User;
-  banks: Capital[];
-};
-
 const HIDDEN_FIELDS = ["id", "name", "bank", "dpcode"];
 
 function ManageUsers() {

diff --git a/screenshots/1.png b/screenshots/1.png
diff --git a/screenshots/2.png b/screenshots/2.png
diff --git a/screenshots/3.png b/screenshots/3.png
diff --git a/screenshots/4.png b/screenshots/4.png
diff --git a/screenshots/5.png b/screenshots/5.png
diff --git a/screenshots/6.png b/screenshots/6.png
diff --git a/screenshots/shot-1.png b/screenshots/shot-1.png
diff --git a/screenshots/shot-2.png b/screenshots/shot-2.png
diff --git a/screenshots/shot-3.png b/screenshots/shot-3.png
diff --git a/screenshots/shot-4.png b/screenshots/shot-4.png
diff --git a/types/index.ts b/types/index.ts
@@ -84,3 +84,8 @@ export type PortfolioItem = {
   valueOfLastTransPrice: string;
   valueOfPrevClosingPrice: string;
 };
+
+export type UserDetails = {
+  details: User;
+  banks: Capital[];
+};