diff --git a/src/components/api.tsx b/src/components/api.tsx
index 40cf6d8..638fdbf 100644
--- a/src/components/api.tsx
+++ b/src/components/api.tsx
@@ -1,126 +1,125 @@
-import { createSignal, onMount } from "solid-js";
-import { ishover } from "../App";
+import {createSignal, onMount} from "solid-js";
+import {ishover} from "../App";
 
 interface Review {
-  reviewID: number;
-  discordID: string;
-  reviewText: string;
-  timestamp: string;
+    id: number;
+    reviewer: string;
+    review: string;
 }
 
 interface NeoReview extends Review {
-  global_name: string;
-  username: string;
+    global_name: string;
+    username: string;
 }
 
 export default function Reviews() {
-  const [reviews, setReviews] = createSignal<NeoReview[]>([]);
-  onMount(() => {
-    fetch("https://maggie.amy.rip/reviews")
-      .then((response) => response.json())
-      .then((data: Review[]) => {
-        const promises = data.map((review) =>
-          fetch(`https://discord-info.api.amy.rip/v1/user/${review.discordID}`)
+    const [reviews, setReviews] = createSignal<NeoReview[]>([]);
+    onMount(() => {
+        fetch("https://maggie.amy.rip/reviews")
             .then((response) => response.json())
-            .then((user) => ({
-              ...review,
-              global_name: user.global_name,
-              username: user.username,
-            })),
-        );
+            .then((data: Review[]) => {
+                const promises = data.map((review) =>
+                    fetch(`https://discord-info.api.amy.rip/v1/user/${review.reviewer}`)
+                        .then((response) => response.json())
+                        .then((user) => ({
+                            ...review,
+                            global_name: user.global_name,
+                            username: user.username,
+                        })),
+                );
 
-        Promise.all(promises)
-          .then((yeah) => {
-            setReviews(yeah);
-          })
-          .catch((error) =>
-            console.error("Error fetching Discord user data:", error),
-          );
-      })
-      .catch((error) => console.error("Error fetching reviews:", error));
-  });
+                Promise.all(promises)
+                    .then((yeah) => {
+                        setReviews(yeah);
+                    })
+                    .catch((error) =>
+                        console.error("Error fetching Discord user data:", error),
+                    );
+            })
+            .catch((error) => console.error("Error fetching reviews:", error));
+    });
 
-  return (
-    <div class="reviewsection">
-      <h1 class="reviewheadertext">Reviews</h1>
-      <a
-        style={{
-          opacity: ishover() ? '100%': '0%',
+    return (
+        <div class="reviewsection">
+            <h1 class="reviewheadertext">Reviews</h1>
+            <a
+                style={{
+                    opacity: ishover() ? '100%' : '0%',
 //          visibility: !ishover() ? 'hidden' : 'visible',
-        }}
-        href="https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Famy.rip%2Freview%2F&scope=identify"
-      >
-        <p class="fadein">add your reviews here</p>
-      </a>
-      <div class="actualreviewdiv">
-        {reviews().length > 0 ? (
-          reviews()
-            .reverse()
-            .map((review) => (
-              <div>
-                <SingleReview {...review} />
-              </div>
-            ))
-        ) : (
-          <div>Loading reviews...</div>
-        )}
-      </div>
-    </div>
-  );
+                }}
+                href="https://discord.com/oauth2/authorize?client_id=1208380910525743134&response_type=token&redirect_uri=https%3A%2F%2Famy.rip%2Freview%2F&scope=identify"
+            >
+                <p class="fadein">add your reviews here</p>
+            </a>
+            <div class="actualreviewdiv">
+                {reviews().length > 0 ? (
+                    reviews()
+                        .reverse()
+                        .map((review) => (
+                            <div>
+                                <SingleReview {...review} />
+                            </div>
+                        ))
+                ) : (
+                    <div>Loading reviews...</div>
+                )}
+            </div>
+        </div>
+    );
 }
 
 export const theImager = async (id: string): Promise<string> =>
-  await fetch(`https://discord-info.api.amy.rip/v1/user/${id}`)
-    .then((res) => res.json())
-    .then((data) => data.avatar.link)
-    .catch(() => "https://http.cat/status/100");
+    await fetch(`https://discord-info.api.amy.rip/v1/user/${id}`)
+        .then((res) => res.json())
+        .then((data) => data.avatar.link)
+        .catch(() => "https://http.cat/status/100");
 
 function SingleReview(props: NeoReview) {
-  const [imageSrc, setImageSrc] = createSignal("");
+    const [imageSrc, setImageSrc] = createSignal("");
 
-  onMount(async () => {
-    const url = await theImager(props.discordID);
-    setImageSrc(url);
-  });
+    onMount(async () => {
+        const url = await theImager(String(props.reviewer));
+        setImageSrc(url);
+    });
 
-  return (
-    <div class="singlereview">
-      <img
-        src={imageSrc()}
-        alt="User Avatar"
-        style={{ "max-width": "3em", "border-radius": "30%" }}
-      />
-      <div class="reviewinfo">
-        <div class="reviewname">
-          {props.global_name === null ? props.username : props.global_name}
+    return (
+        <div class="singlereview">
+            <img
+                src={imageSrc()}
+                alt="User Avatar"
+                style={{"max-width": "3em", "border-radius": "30%"}}
+            />
+            <div class="reviewinfo">
+                <div class="reviewname">
+                    {props.global_name === null ? props.username : props.global_name}
+                </div>
+                <div class="reviewtext">{props.review}</div>
+            </div>
         </div>
-        <div class="reviewtext">{props.reviewText}</div>
-      </div>
-    </div>
-  );
+    );
 }
 
 export async function sendReview(
-  review: string,
-  token: string,
+    review: string,
+    token: string,
 ): Promise<boolean> {
-  try {
-    const response = await fetch(
-      `https://maggie.amy.rip/sendreview?review=${review}`,
-      {
-        headers: {
-          Authentication: token,
-        },
-        method: "POST",
-      },
-    );
+    try {
+        const response = await fetch(
+            `https://maggie.amy.rip/sendreview?review=${review}`,
+            {
+                headers: {
+                    Authentication: token,
+                },
+                method: "POST",
+            },
+        );
 
-    if (response.status !== 200) {
-      return false;
+        if (response.status !== 200) {
+            return false;
+        }
+
+        return true;
+    } catch (error) {
+        return false;
     }
-
-    return true;
-  } catch (error) {
-    return false;
-  }
 }