dont ever buy api from the github bro

src/components/comps.tsx

@@ -1,3 +1,5 @@
+import { createSignal, onMount } from "solid-js";
+import { theImager } from "./api"
 import "./comps.css"
 // warning: this IS horrible code. its a joke. DO NOT try this at home because
 // your local senior programmer CAN and WILL hunt you down
@@ -7,8 +9,24 @@ export function AdvancedBr({ count }: { count: number }) {
 }
 
 export function SingularOomfie({ url, discordid }: { name: string, url: string, discordid: string }) {
-    return <a href={url}><img class="tooltip" style={{
-        "max-width": "3em",
-        "border-radius": "30%"
-    }} src={`https://dp.nea.moe/avatar/${discordid}.png`} alt="LMAO IMAGINE BEING BLIND" />  </a>
+    const [imageSrc, setImageSrc] = createSignal("");
+
+    onMount(async () => {
+      const url = await theImager(discordid);
+      setImageSrc(url);
+    });
+  
+    return (
+      <a href={imageSrc()}>
+        <img
+          class="tooltip"
+          style={{
+            "max-width": "3em",
+            "border-radius": "30%",
+          }}
+          src={imageSrc()}
+          alt="LMAO IMAGINE BEING BLIND"
+        />
+      </a>
+    );
 }