feat: cart in pc navbar dropdown

JusJira · Oct 28, 2023 · 96fd101 · 96fd101
1 parent 7833b57
commit 96fd101
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -18,6 +18,7 @@ import {
 import {
   Heart,
   LogOut,
+  ShoppingCart,
   Store,
   User,
   Wallet,
@@ -111,7 +112,13 @@ const Navbar = async () => {
                   </DropdownMenuGroup>
                   <DropdownMenuSeparator />
                   <DropdownMenuGroup>
-                    <Link href="/money">
+                    <Link href="/cart">
+                      <DropdownMenuItem>
+                        <ShoppingCart className="mr-2 h-4 w-4" />
+                        <span>Cart</span>
+                      </DropdownMenuItem>
+                    </Link>
+                    <Link href="/money/wallet">
                       <DropdownMenuItem>
                         <Wallet className="mr-2 h-4 w-4" />
                         <span>Wallet</span>

diff --git a/components/ui/review-box.tsx b/components/ui/review-box.tsx
@@ -5,6 +5,7 @@ import { Card, CardContent } from "./card";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar";
 import initials from "initials";
 import { useEffect, useState } from "react";
+import Link from "next/link";
 
 
 type Cascade_review = Review & {
@@ -28,10 +29,12 @@ export default function ReviewBox({reviews} : {reviews : Cascade_review[]}){
         {(reviews.length !== 0) ? (reviews.map((r) => (
             <Card key = {r.id} className="flex flex-col md:flex-row p-[1rem] border-r-2 box-border ">
                 <div className="md:w-[40%] lg:w-[30%] border-b-2 border-b-foreground md:border-b-0 md:border-r-2 border-r-foreground flex flex-wrap m-0 h-auto">
-                    <Avatar className=" mr-[1rem]">
-                        <AvatarImage className='object-cover object-center' src={r.user.image || "https://res.cloudinary.com/dqervfik7/image/upload/v1698202449/10-day-project/image/users/n5o6jwbsitgdvsuxrhfa.png"} />
-                        <AvatarFallback>{initials(r.user.displayName as string)}</AvatarFallback>
-                    </Avatar>
+                    <Link href={`/account/${r.user.accountId}`}>
+                        <Avatar className=" mr-[1rem]">
+                            <AvatarImage className='object-cover object-center' src={r.user.image || "https://res.cloudinary.com/dqervfik7/image/upload/v1698202449/10-day-project/image/users/n5o6jwbsitgdvsuxrhfa.png"} />
+                            <AvatarFallback>{initials(r.user.displayName as string)}</AvatarFallback>
+                        </Avatar>
+                    </Link>
 
                     <div className="flex flex-col">
                         <div className="md:flex block">