shadow and border added to user avatar

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"
           }

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,
 }) => {

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";

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

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 };