add admin notification after deleting a product

client/ecommerce/src/components/DisplayAdminNotifications.tsx

@@ -1,6 +1,7 @@
 import { AdminNotification } from "../types/types";
 import { Box, Divider, Typography } from "@mui/material";
 import { formatDistanceToNowStrict } from "date-fns";
+import { Link } from "wouter";
 
 const DisplayAdminNotifications = ({
   adminNotifications,
@@ -34,7 +35,12 @@ const DisplayAdminNotifications = ({
             }}
           >
             <Typography>
-              {notification.username} {notification.action}
+              <Link href={`/members/${notification.userId}`}>
+                <Typography sx={{ color: "#007782", cursor: "pointer" }}>
+                  {notification.username}
+                </Typography>
+              </Link>
+              {notification.action}
             </Typography>
             <Typography
               sx={{

client/ecommerce/src/components/pages/AddProduct.tsx

@@ -136,6 +136,7 @@ export const AddProduct = () => {
     mutateAdminNotification({
       username: user.username,
       action: `added new product ${formData.title} for ${formData.price} USD `,
+      createdAt: "",
     });
   };
   const below700 = useMediaQuery(700);

client/ecommerce/src/components/pages/AdminDashboard.tsx

@@ -40,9 +40,13 @@ export const AdminDashboard = () => {
             display: "flex",
             height: "90%",
             position: "relative",
+            overflowY: "scroll",
+            "&::-webkit-scrollbar": {
+              display: "none",
+            },
           }}
         >
-          <CardContent sx={{ width: "100%" }}>
+          <CardContent sx={{ width: "100%", orientation: "vertical" }}>
             <Typography
               sx={{ color: color, fontSize: "28px", fontWeight: "600" }}
             >

client/ecommerce/src/components/pages/Product.tsx

@@ -11,6 +11,8 @@ import { useStripe } from "@stripe/react-stripe-js";
 import { useMutation } from "@tanstack/react-query";
 import { useUserContext } from "../../contexts/UserContext";
 import { useDeleteProduct } from "../../hooks/useDeleteProduct";
+import { useAddAdminNotification } from "../../hooks/useAddAdminNotification";
+import { useEffect } from "react";
 
 export const Product = () => {
   const stripe = useStripe();
@@ -36,6 +38,8 @@ export const Product = () => {
       console.log(err);
     },
   });
+  const adminNotificationMutation = useAddAdminNotification();
+  const { mutate: mutateAdminNotification } = adminNotificationMutation;
   const { mutate: deleteProductMutate } = useDeleteProduct(product?.id);
   const { mutate } = mutation;
   const { data: userProducts, isLoading: isUserProductsLoading } =
@@ -75,6 +79,12 @@ export const Product = () => {
   ) => {
     e.preventDefault();
     deleteProductMutate(product.id);
+
+    mutateAdminNotification({
+      username: user.username,
+      action: `deleted product ${product.title}`,
+      createdAt: "",
+    });
   };
   return (
     <Box

client/ecommerce/src/hooks/useDeleteProduct.tsx

@@ -11,6 +11,7 @@ export const useDeleteProduct = (productId: number | undefined) => {
     mutationFn: deleteProduct,
     mutationKey: ["product", productId, "delete"],
     onSuccess: () => {
+
       toast.success("Product deleted");
       setLocation("/");
       queryClient.setQueryData(

client/ecommerce/src/types/types.ts

@@ -201,8 +201,8 @@ export type ReviewFormFields = {
 };
 
 export type AdminNotification = {
-  id: number;
   username: string;
   action: string;
   createdAt: string;
+  userId?: number;
 };

server/ecommerce/src/admin-notifications/admin-notifications.controller.ts

@@ -29,7 +29,10 @@ export class AdminNotificationsController {
   @Post()
   @UsePipes(new ZodValidationPipe(AdminNotificationDtoSchema))
   @UseGuards(AuthGuard)
-  async create(@Body() dto: adminNotificationDto) {
-    return await this.adminNotificationsService.create(dto);
+  async create(
+    @AuthUser() authUser: AuthUser,
+    @Body() dto: adminNotificationDto,
+  ) {
+    return await this.adminNotificationsService.create(dto, authUser.sub);
   }
 }

server/ecommerce/src/admin-notifications/admin-notifications.service.ts

@@ -10,11 +10,15 @@ export class AdminNotificationsService {
     @InjectRepository(AdminNotifications)
     private readonly adminNotificationsRepository: Repository<AdminNotifications>,
   ) {}
-  async create(dto: adminNotificationDto) {
+
+  async create(dto: adminNotificationDto, userId: number) {
+    console.log(dto);
     const newAdminNotification = this.adminNotificationsRepository.create({
       action: dto.action,
       username: dto.username,
+      userId,
     });
+    console.log(newAdminNotification);
 
     return await this.adminNotificationsRepository.save(newAdminNotification);
   }

server/ecommerce/src/utils/entities/adminNotifications.entity.ts

@@ -13,6 +13,9 @@ export class AdminNotifications {
   @Column()
   username: string;
 
+  @Column()
+  userId: number;
+
   @Column()
   action: string;