bot

src/components/Message.tsx

@@ -125,7 +125,7 @@ function Message({author, content, inline = false, bottom = false, timestamp = 0
   return (
     <div className={`message ${inline ? "inline" : ""} ${bottom ? "bottom" : ""} ${hasSent ? "" : "sending"} ${mention ? "mentionsyou" : ""}`}>
       {!inline ? <img className="messagePfp" src={`/pfps/${author.pfp}.png`} width={48} height={48}></img> : ""}
-      {!inline ? <div className="messageAuthor"><span>{self.dev ? `${author.name} (${author.username}, ${author.id})` : author.name ?? author.username}</span> {author.dev ? <Badge text="DEV" /> : ""} <Timestamp ts={timestamp} /></div> : ""}
+      {!inline ? <div className="messageAuthor"><span>{self.dev ? `${author.name} (${author.username}, ${author.id})` : author.name ?? author.username}</span> {author.dev ? <Badge text="DEV" /> : ""} {author.bot && <Badge text="BOT" />} <Timestamp ts={timestamp} /></div> : ""}
       <div className="messageContent">{formattedContent}</div>
     </div>
   )

src/types/user.ts

@@ -8,4 +8,5 @@ export interface user {
   token: null,
   password: null,
   dev: boolean;
+  bot: boolean;
 }