created view user button

Author: abhitrueprogrammer

src/components/columns/UserCol.tsx

@@ -10,6 +10,7 @@ import { banUnban } from "@/api/ban";
 import toast from "react-hot-toast";
 import { Button } from "../ui/button";
 import BanBtn from "../banButton";
+import { UserModal } from "../table/user-modal";
 
 const columns: ColumnDef<User>[] = [
   // {
@@ -87,29 +88,7 @@ const columns: ColumnDef<User>[] = [
     ),
     cell: ({ row }) => <span>{row.getValue("PhoneNo")}</span>,
   },
-  // {
-  //   accessorKey: "Role",
-  //   header: ({ column }) => <DataTableColumnHeader column={column} title="Role" />,
-  //   cell: ({ row }) => <span>{row.getValue("Role")}</span>,
-  // },
-  // {
-  //   accessorKey: "IsLeader",
-  //   header: ({ column }) => <DataTableColumnHeader column={column} title="Leader" />,
-  //   cell: ({ row }) => (
-  //     <Badge variant={row.getValue("IsLeader") ? "default" : "outline"}>
-  //       {row.getValue("IsLeader") ? "Yes" : "No"}
-  //     </Badge>
-  //   ),
-  // // },
-  // {
-  //   accessorKey: "IsVerified",
-  //   header: ({ column }) => <DataTableColumnHeader column={column} title="Verified" />,
-  //   cell: ({ row }) => (
-  //     <Badge variant={row.getValue("IsVerified") ? "default" : "outline"}>
-  //       {row.getValue("IsVerified") ? "Yes" : "No"}
-  //     </Badge>
-  //   ),
-  // },
+
   {
     accessorKey: "IsBanned",
     header: ({ column }) => (
@@ -119,6 +98,17 @@ const columns: ColumnDef<User>[] = [
       <BanBtn row={row}></BanBtn>
     ),
   },
+  {
+    accessorKey: "ID",
+    header: () => <p className="text-center">View</p>,
+    cell: ({ row }) => {
+      return (
+        <div className="flex items-center justify-center">
+            <UserModal user={row.original}></UserModal>
+        </div>
+      );
+    },
+  },
   // {
   //   accessorKey: "IsProfileComplete",
   //   header: ({ column }) => <DataTableColumnHeader column={column} title="Profile Complete" />,

src/components/login-form.tsx

@@ -35,7 +35,8 @@ export function LoginForm({
         router.push("/users");
       }
     } catch (err) {
-      console.error("Login failed", err);
+      toast.error("Error logging you in")
+      
     } finally {
       setLoading(false); // Reset loading state after login attempt
     }

src/components/table/user-modal.tsx

@@ -16,27 +16,17 @@ import { Toggle } from "@/components/ui/toggle";
 import { banUnban } from "@/api/ban";
 
 interface TeamModalProps {
-  open: boolean;
-  onClose: () => void;
+
   user: User;
 }
 
-export const UserModal = ({ open, onClose, user }: TeamModalProps) => {
-  const [isBanned, setIsBanned] = useState(user.IsBanned);
-  const handleToggleBan =async (e: { preventDefault: () => void }) => {
-    e.preventDefault();
-    try {
-      const response = await banUnban({ ban: !isBanned, email: user.Email });
-      if (response.message === "success") {
-        console.log("user is now " + !isBanned)
-        setIsBanned(!isBanned);
-      }
-    } catch (err) {
-      throw err;
-    }
-  };
+export const UserModal = ({ user }: TeamModalProps) => {
+
   return (
-    <Dialog open={open} onOpenChange={onClose}>
+    <Dialog >
+      <DialogTrigger asChild>
+        <Button >View</Button>
+      </DialogTrigger>
       <DialogContent className="sm:max-w-[600px]">
         <DialogHeader>
           <DialogTitle>User Details</DialogTitle>
@@ -117,13 +107,7 @@ export const UserModal = ({ open, onClose, user }: TeamModalProps) => {
               {user.IsProfileComplete ? "Yes" : "No"}
             </div>
           </div>
-          <Toggle
-            onClick={
-              handleToggleBan}
-            isBanned={isBanned}
-          >
-            {isBanned ? "Unban" : "Ban"}
-          </Toggle>
+
         </div>
         <div className="flex justify-end">
           <DialogClose asChild>