some visual changes + improvements

2023-05-27 22:35:07 +03:30
parent 10727937b5
commit 1adb58c6d9
6 changed files with 47 additions and 29 deletions
@@ -0,0 +1,24 @@
+import React from "react";
+import ImageWithFallback from "./ImageWithFallback";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faUser } from "@fortawesome/free-solid-svg-icons";
+
+type Props = {
+  src: string;
+  className?: string;
+};
+
+export default function ProfilePhoto({ src, className }: Props) {
+  return (
+    <ImageWithFallback
+      src={src}
+      className={`h-10 w-10 shadow rounded-full border-[3px] border-sky-100 ${className}`}
+    >
+      <div
+        className={`text-white bg-sky-500 h-10 w-10 shadow rounded-full border-[3px] border-sky-100 flex items-center justify-center ${className}`}
+      >
+        <FontAwesomeIcon icon={faUser} className="w-5 h-5" />
+      </div>
+    </ImageWithFallback>
+  );
+}