From 8d700acb1f95640691417e6467bab383f2556cb5 Mon Sep 17 00:00:00 2001
From: nmsderp <130254323+nmsderp@users.noreply.github.com>
Date: Tue, 5 Mar 2024 19:00:27 -0500
Subject: [PATCH] we should make this use the api to fetch avatar pictures

---
 src/components/avatar/avatar.jsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/avatar/avatar.jsx

diff --git a/src/components/avatar/avatar.jsx b/src/components/avatar/avatar.jsx
new file mode 100644
index 00000000000..4fa6963a1c4
--- /dev/null
+++ b/src/components/avatar/avatar.jsx
@@ -0,0 +1,22 @@
+const user = {
+    name: 'Me_rudy',
+    imageUrl: 'https://trampoline.turbowarp.org/avatars/by-username/Mr_rudy',
+    imageSize: 90,
+  };
+  
+  export default function Profile() {
+    return (
+      <>
+        <h1>{user.name}</h1>
+        <img
+          className="avatar"
+          src={user.imageUrl}
+          alt={'Avatar of ' + user.name}
+          style={{
+            width: user.imageSize,
+            height: user.imageSize
+          }}
+        />
+      </>
+    );
+  }
\ No newline at end of file