From 620ea20a4572ebb88353cf02a251ebff7fd328e5 Mon Sep 17 00:00:00 2001
From: Jonath-z <jonathanzihindula95@gmail.com>
Date: Sun, 12 Jun 2022 16:08:38 +0200
Subject: [PATCH] shadow and border added to user avatar

---
 .../Card/AvatartAndCoverCard/index.tsx           |   6 ++----
 .../__modules__/Card/UserAvatarCard/index.tsx    |   4 ++--
 components/modules/__secured/Profile/index.tsx   |   1 -
 .../modules/__secured/ProfileMenu/index.tsx      |  10 +++++++++-
 lib/Resources.ts                                 |   2 +-
 public/static/images/noCover.png                 | Bin 6768 -> 0 bytes
 6 files changed, 14 insertions(+), 9 deletions(-)
 delete mode 100644 public/static/images/noCover.png

diff --git a/components/modules/__modules__/Card/AvatartAndCoverCard/index.tsx b/components/modules/__modules__/Card/AvatartAndCoverCard/index.tsx
index f461fcd..1978a41 100644
--- a/components/modules/__modules__/Card/AvatartAndCoverCard/index.tsx
+++ b/components/modules/__modules__/Card/AvatartAndCoverCard/index.tsx
@@ -15,7 +15,7 @@ const AvatarAndCoverCard = ({ user }: IProps) => {
   return (
     <div className="relative">
       <img
-        src={user?.coverUrl || user?.coverThumbnailUrl}
+        src={user?.coverUrl || user?.coverThumbnailUrl || NoCoverImg.src}
         alt={user?.username}
         className="h-[260px] w-full object-cover rounded-2xl"
       />
@@ -26,9 +26,7 @@ const AvatarAndCoverCard = ({ user }: IProps) => {
           onUserAvatarClicked={() =>
             router.push(`/profile/${user?.walletAddress}`)
           }
-          identiconContainerClassName={
-            "bg-red rounded-full overflow-hidden -mt-20 p-5 border-1 border-gray-400"
-          }
+          identiconContainerClassName="rounded-full overflow-hidden -mt-20 p-5 border-2 shadow-xl bg-white border-gray-100"
           userAvatarClassName={
             "h-[120px] w-[120px] -mt-20 object-cover border-4 border-white border-solid rounded-full relative"
           }
diff --git a/components/modules/__modules__/Card/UserAvatarCard/index.tsx b/components/modules/__modules__/Card/UserAvatarCard/index.tsx
index e6c289f..e2ab119 100644
--- a/components/modules/__modules__/Card/UserAvatarCard/index.tsx
+++ b/components/modules/__modules__/Card/UserAvatarCard/index.tsx
@@ -15,9 +15,9 @@ interface IProps {
 
 const UserAvatarCard: FC<IProps> = ({
   user,
-  identiconSize,
+  identiconSize = 20,
   userAvatarClassName,
-  identiconContainerClassName,
+  identiconContainerClassName = "bg-white rounded-full overflow-hidden border border-gray-300 p-3",
   allowVerifiedIcon = false,
   onUserAvatarClicked,
 }) => {
diff --git a/components/modules/__secured/Profile/index.tsx b/components/modules/__secured/Profile/index.tsx
index 3b135d2..eff1190 100644
--- a/components/modules/__secured/Profile/index.tsx
+++ b/components/modules/__secured/Profile/index.tsx
@@ -17,7 +17,6 @@ import { SaleContainer } from "@components/modules/__secured/Profile/saleContain
 import { UserAccount } from "@lib/models/UserAccount";
 import { middleEllipsis } from "../../../../helpers/truncateStrings";
 import ProfileMenu from "../ProfileMenu";
-import dummy_profile from "@components/DropPage/AvatarAndCover/dummy_profile";
 import AvatarAndCoverCard from "@components/modules/__modules__/Card/AvatartAndCoverCard";
 import TabList from "./module/TabList";
 import OwnedContainer from "./OwnedContainer";
diff --git a/components/modules/__secured/ProfileMenu/index.tsx b/components/modules/__secured/ProfileMenu/index.tsx
index 55fd1d2..21e1f9d 100644
--- a/components/modules/__secured/ProfileMenu/index.tsx
+++ b/components/modules/__secured/ProfileMenu/index.tsx
@@ -30,6 +30,11 @@ const ProfileMenu = () => {
     setIsProfileMenu(!isProfileMenu);
   };
 
+  const onRedirectToEditProfile = () => {
+    router.push("edith/profile");
+    setIsProfileMenu(!isProfileMenu);
+  };
+
   return (
     <div
       className={`${
@@ -76,7 +81,10 @@ const ProfileMenu = () => {
               walletBalance={balance + "ETH"}
             />
           </div>
-          <button className="flex items-center hover:bg-gray-100 py-3 rounded-xl px-3 transition-all w-full">
+          <button
+            onClick={onRedirectToEditProfile}
+            className="flex items-center hover:bg-gray-100 py-3 rounded-xl px-3 transition-all w-full"
+          >
             <VUser className="text-2xl" />
             <span className="px-3 font-ibmPlexSans font-bold">
               Edit profile
diff --git a/lib/Resources.ts b/lib/Resources.ts
index 87dcd08..6b7f7b4 100644
--- a/lib/Resources.ts
+++ b/lib/Resources.ts
@@ -1,4 +1,4 @@
 import VerifiedImg from "/public/static/images/rarible-checkmark.png";
-import NoCoverImg from "/public/static/images/noCover.png";
+import NoCoverImg from "/public/static/images/noCover.jpeg";
 
 export { VerifiedImg, NoCoverImg };
diff --git a/public/static/images/noCover.png b/public/static/images/noCover.png
deleted file mode 100644
index 9d665e02ef0a8058700f393baa69d6448467222e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6768
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