Avatar 2

src/components/atoms/Avatar2/Avatar.module.scss

@@ -0,0 +1,6 @@
+.avatar {
+  object-fit: cover;
+
+  border-radius: 50%;
+  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
+}

src/components/atoms/Avatar2/Avatar.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import styles from "./Avatar.module.scss"
+import ProfilePic from "../../../assets/images/default-profile-pic.svg";
+import cs from "classnames";
+
+interface AvatarProps {
+    url?: string
+    className?: string
+}
+
+export const Avatar: React.FC<AvatarProps> = ({url, className}) => {
+    return (
+        <>
+            {url
+                ? <img className={cs(styles.avatar, className)} src={url} />
+                : <ProfilePic className={cs(styles.avatar, className)}/>
+            }
+        </>
+    )
+}