From 4f7ce707436ff8c4988525e327d9bd4a04764730 Mon Sep 17 00:00:00 2001
From: Sean Boult <996134+Hacksore@users.noreply.github.com>
Date: Wed, 22 Nov 2023 23:58:53 -0600
Subject: [PATCH] Format

---
 README.md                                     |  1 -
 .../desktop/src/components/headphones-off.tsx |  8 +--
 apps/desktop/src/components/mic-off.tsx       |  8 +--
 apps/desktop/src/components/nav-bar.tsx       | 12 +---
 apps/desktop/src/components/ui/button.tsx     | 60 +++++++------------
 apps/desktop/src/components/user.tsx          | 20 ++-----
 apps/desktop/src/main.tsx                     |  2 +-
 apps/desktop/src/rpc/command.ts               |  1 -
 apps/desktop/src/rpc/manager.ts               | 35 ++++-------
 apps/desktop/src/store.ts                     | 41 ++++++-------
 apps/desktop/src/types.ts                     | 35 ++++++-----
 apps/desktop/src/use-clickthrough.ts          |  8 +--
 apps/desktop/src/use-disable-context-menu.ts  |  4 +-
 apps/desktop/src/use-paths.ts                 |  6 +-
 apps/desktop/src/use-set-size.ts              | 10 +---
 apps/desktop/src/use-window-resize.ts         |  2 +-
 apps/desktop/src/views/error.tsx              |  6 +-
 apps/desktop/src/views/main.tsx               |  5 +-
 apps/desktop/src/views/settings.tsx           | 17 ++----
 scripts/test.ts                               |  1 -
 20 files changed, 93 insertions(+), 189 deletions(-)

diff --git a/README.md b/README.md
index 23e3b94b..8a8ab9e8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,3 @@
 # overlayed
 
 A modern, open-source, and free voice chat overlay for Discord.
-
diff --git a/apps/desktop/src/components/headphones-off.tsx b/apps/desktop/src/components/headphones-off.tsx
index e52711a5..b720c407 100644
--- a/apps/desktop/src/components/headphones-off.tsx
+++ b/apps/desktop/src/components/headphones-off.tsx
@@ -1,12 +1,6 @@
 export const HeadphonesOff = () => {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 24 24"
-      className="ml-1"
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" className="ml-1">
       <path
         fill="currentColor"
         d="M12 1a9 9 0 0 1 9 9v7c0 .62-.19 1.19-.5 1.67L15 13.18V12h4v-2a7 7 0 0 0-7-7c-2 0-3.77.82-5.04 2.14L5.55 3.72A8.96 8.96 0 0 1 12 1M2.78 3.5L20.5 21.22l-1.27 1.28l-2.5-2.5H15v-1.73l-6-6V20H6a3 3 0 0 1-3-3v-7c0-1.11.2-2.18.57-3.16L1.5 4.77L2.78 3.5m2.39 4.94C5.06 8.94 5 9.46 5 10v2h3.73L5.17 8.44Z"
diff --git a/apps/desktop/src/components/mic-off.tsx b/apps/desktop/src/components/mic-off.tsx
index 282c4b52..74f00ed1 100644
--- a/apps/desktop/src/components/mic-off.tsx
+++ b/apps/desktop/src/components/mic-off.tsx
@@ -1,12 +1,6 @@
 export const MicOff = () => {
   return (
-    <svg
-      className="ml-1"
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 24 24"
-    >
+    <svg className="ml-1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
       <path
         className="fill-current"
         d="M19 11c0 1.19-.34 2.3-.9 3.28l-1.23-1.23c.27-.62.43-1.31.43-2.05H19m-4 .16L9 5.18V5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v6.16M4.27 3L21 19.73L19.73 21l-4.19-4.19c-.77.46-1.63.77-2.54.91V21h-2v-3.28c-3.28-.49-6-3.31-6-6.72h1.7c0 3 2.54 5.1 5.3 5.1c.81 0 1.6-.19 2.31-.52l-1.66-1.66L12 14a3 3 0 0 1-3-3v-.72L3 4.27L4.27 3Z"
diff --git a/apps/desktop/src/components/nav-bar.tsx b/apps/desktop/src/components/nav-bar.tsx
index 75f46cf2..1d58a68d 100644
--- a/apps/desktop/src/components/nav-bar.tsx
+++ b/apps/desktop/src/components/nav-bar.tsx
@@ -10,10 +10,7 @@ export const NavBar = ({ clickthrough }: { clickthrough: boolean }) => {
   const location = useLocation();
   const navigate = useNavigate();
   const { currentChannel } = useAppStore();
-  const opacity =
-    clickthrough && location.pathname === "/channel"
-      ? "opacity-0"
-      : "opacity-100";
+  const opacity = clickthrough && location.pathname === "/channel" ? "opacity-0" : "opacity-100";
 
   return (
     <div
@@ -22,12 +19,7 @@ export const NavBar = ({ clickthrough }: { clickthrough: boolean }) => {
     >
       <div data-tauri-drag-region className="flex justify-between">
         <div className="flex items-center">
-          <img
-            src="/img/32x32.png"
-            alt="logo"
-            data-tauri-drag-region
-            className="w-8 h-8 mr-2"
-          />
+          <img src="/img/32x32.png" alt="logo" data-tauri-drag-region className="w-8 h-8 mr-2" />
           {location.pathname === "/channel" ? (
             <div data-tauri-drag-region className="hidden md:inline">
               {currentChannel?.name}
diff --git a/apps/desktop/src/components/ui/button.tsx b/apps/desktop/src/components/ui/button.tsx
index e3cd0f2c..061a88c8 100644
--- a/apps/desktop/src/components/ui/button.tsx
+++ b/apps/desktop/src/components/ui/button.tsx
@@ -1,47 +1,27 @@
 import { cva, type VariantProps } from "class-variance-authority";
 
-const button = cva(
-  "rounded-md disabled:opacity-50 disabled:pointer-events-none",
-  {
-    variants: {
-      intent: {
-        primary: [
-          "bg-blue-500",
-          "text-white",
-          "border-transparent",
-          "hover:bg-blue-600",
-        ],
-        danger: [
-          "bg-red-500",
-          "text-white",
-          "border-transparent",
-          "hover:bg-red-600",
-        ],
-        secondary: ["text-white", "hover:text-blue-500"],
-      },
-      size: {
-        small: ["text-sm", "py-1", "px-2"],
-        medium: ["text-base", "py-2", "px-4"],
-        large: ["text-lg", "py-4", "px-4"],
-      },
+const button = cva("rounded-md disabled:opacity-50 disabled:pointer-events-none", {
+  variants: {
+    intent: {
+      primary: ["bg-blue-500", "text-white", "border-transparent", "hover:bg-blue-600"],
+      danger: ["bg-red-500", "text-white", "border-transparent", "hover:bg-red-600"],
+      secondary: ["text-white", "hover:text-blue-500"],
     },
-    compoundVariants: [
-      { intent: "primary", size: "medium", class: "uppercase" },
-    ],
-    defaultVariants: {
-      intent: "primary",
-      size: "medium",
+    size: {
+      small: ["text-sm", "py-1", "px-2"],
+      medium: ["text-base", "py-2", "px-4"],
+      large: ["text-lg", "py-4", "px-4"],
     },
   },
-);
+  compoundVariants: [{ intent: "primary", size: "medium", class: "uppercase" }],
+  defaultVariants: {
+    intent: "primary",
+    size: "medium",
+  },
+});
 
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-  VariantProps<typeof button> { }
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof button> {}
 
-export const Button: React.FC<ButtonProps> = ({
-  className,
-  intent,
-  size,
-  ...props
-}) => <button className={button({ intent, size, className })} {...props} />;
+export const Button: React.FC<ButtonProps> = ({ className, intent, size, ...props }) => (
+  <button className={button({ intent, size, className })} {...props} />
+);
diff --git a/apps/desktop/src/components/user.tsx b/apps/desktop/src/components/user.tsx
index c2a74fec..dd64c73e 100644
--- a/apps/desktop/src/components/user.tsx
+++ b/apps/desktop/src/components/user.tsx
@@ -2,16 +2,10 @@ import { OverlayedUser } from "../types";
 import { HeadphonesOff } from "./headphones-off";
 import { MicOff } from "./mic-off";
 
-export const User = ({
-  item,
-}: {
-  item: OverlayedUser;
-}) => {
+export const User = ({ item }: { item: OverlayedUser }) => {
   const { id, selfMuted, selfDeafened, talking, avatarHash } = item;
 
-  const avatarUrl = avatarHash
-    ? `https://cdn.discordapp.com/avatars/${id}/${avatarHash}.jpg`
-    : "/img/default.png";
+  const avatarUrl = avatarHash ? `https://cdn.discordapp.com/avatars/${id}/${avatarHash}.jpg` : "/img/default.png";
 
   const talkingClass = talking ? "border-green-500" : "border-zinc-800";
   const mutedClass = selfMuted ? "text-zinc-400" : "";
@@ -20,11 +14,9 @@ export const User = ({
 
   return (
     <div className="flex flex-wrap py-1 p-2 items-center">
-      <div
-        className={`pointer-events-none relative rounded-full border-2 mr-2 ${avatarClass} ${talkingClass}`}
-      >
+      <div className={`pointer-events-none relative rounded-full border-2 mr-2 ${avatarClass} ${talkingClass}`}>
         <img
-          onError={(e) => {
+          onError={e => {
             // @ts-ignore
             e.target.onerror = null;
             // @ts-ignore
@@ -44,9 +36,7 @@ export const User = ({
       <div
         className={`max-w-[calc(100%_-_50px)] md:flex hidden pointer-events-none items-center rounded-md bg-zinc-800 ${mutedClass} p-1 pl-2 pr-2`}
       >
-        <span className={`truncate text-ellipsis`}>
-          {item.username}
-        </span>
+        <span className={`truncate text-ellipsis`}>{item.username}</span>
         <div className="flex">
           {selfMuted && <MicOff />}
           {selfDeafened && <HeadphonesOff />}
diff --git a/apps/desktop/src/main.tsx b/apps/desktop/src/main.tsx
index 696f6b19..b08e0c28 100644
--- a/apps/desktop/src/main.tsx
+++ b/apps/desktop/src/main.tsx
@@ -8,5 +8,5 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     <HashRouter>
       <App />
     </HashRouter>
-  </React.StrictMode>,
+  </React.StrictMode>
 );
diff --git a/apps/desktop/src/rpc/command.ts b/apps/desktop/src/rpc/command.ts
index 5257aa7f..2bd7cd3a 100644
--- a/apps/desktop/src/rpc/command.ts
+++ b/apps/desktop/src/rpc/command.ts
@@ -18,4 +18,3 @@ export enum RPCCommand {
   SET_VOICE_SETTINGS_2 = "SET_VOICE_SETTINGS_2",
   SET_VOICE_SETTINGS = "SET_VOICE_SETTINGS",
 }
-
diff --git a/apps/desktop/src/rpc/manager.ts b/apps/desktop/src/rpc/manager.ts
index 2f91ad78..96926b19 100644
--- a/apps/desktop/src/rpc/manager.ts
+++ b/apps/desktop/src/rpc/manager.ts
@@ -129,10 +129,7 @@ class SocketManager {
   private async onMessage(event: Message) {
     // TODO: this has to be a bug in the upstream lib, we should get a proper code
     // and not have to check the raw dawg string to see if something is wrong
-    if (
-      typeof event === "string" &&
-      (event as string).includes("Connection reset without closing handshake")
-    ) {
+    if (typeof event === "string" && (event as string).includes("Connection reset without closing handshake")) {
       this.navigate?.("/error");
     }
 
@@ -179,10 +176,7 @@ class SocketManager {
         this.store.clearUsers();
 
         if (this.store.currentChannel) {
-          this.channelEvents(
-            RPCCommand.UNSUBSCRIBE,
-            this.store.currentChannel.id,
-          );
+          this.channelEvents(RPCCommand.UNSUBSCRIBE, this.store.currentChannel.id);
         }
 
         // after unsub we clear the channel
@@ -206,7 +200,7 @@ class SocketManager {
     // we got a token back from discord let's fetch an access token
     if (payload.cmd === RPCCommand.AUTHORIZE) {
       const { code } = payload.data;
-      const res = await fetch < TokenResponse > (`${STREAMKIT_URL}/overlay/token`, {
+      const res = await fetch<TokenResponse>(`${STREAMKIT_URL}/overlay/token`, {
         method: "POST",
         body: Body.json({ code }),
       });
@@ -233,10 +227,7 @@ class SocketManager {
 
     // console.log(payload);
     // we are ready to do things cause we are fully authed
-    if (
-      payload.cmd === RPCCommand.AUTHENTICATE &&
-      payload.evt === RPCEvent.ERROR
-    ) {
+    if (payload.cmd === RPCCommand.AUTHENTICATE && payload.evt === RPCEvent.ERROR) {
       // if they have an invalid we remove it and make them auth again
       if (payload.data.code === RPCErrors.INVALID_TOKEN) {
         this.store.pushError(payload.data.message);
@@ -262,10 +253,7 @@ class SocketManager {
       this.navigate?.("/channel");
     }
 
-    if (
-      payload.evt === RPCEvent.SPEAKING_START ||
-      payload.evt === RPCEvent.SPEAKING_STOP
-    ) {
+    if (payload.evt === RPCEvent.SPEAKING_START || payload.evt === RPCEvent.SPEAKING_STOP) {
       const isSpeaking = payload.evt !== RPCEvent.SPEAKING_START;
       this.store.setTalking(payload.data.user_id, !isSpeaking);
     }
@@ -296,7 +284,7 @@ class SocketManager {
       JSON.stringify({
         ...payload,
         nonce: uuid.v4(),
-      }),
+      })
     );
   }
 
@@ -306,17 +294,14 @@ class SocketManager {
    * @param cmd {RPCCommand} SUBSCRIBE or SUBSCRIBE
    * @param channelId The channel to subscribe to events in
    */
-  channelEvents(
-    cmd: RPCCommand.SUBSCRIBE | RPCCommand.UNSUBSCRIBE,
-    channelId: string,
-  ) {
-    SUBSCRIBABLE_EVENTS.forEach((eventName) =>
+  channelEvents(cmd: RPCCommand.SUBSCRIBE | RPCCommand.UNSUBSCRIBE, channelId: string) {
+    SUBSCRIBABLE_EVENTS.forEach(eventName =>
       this.send({
         cmd,
         args: { channel_id: channelId },
         evt: eventName,
         nonce: uuid.v4(),
-      }),
+      })
     );
   }
 }
@@ -325,7 +310,7 @@ class SocketManager {
 export const useSocket = () => {
   const navigate = useNavigate();
   //TODO: should this be a ref instead?
-  const [socket, setSocket] = useState < SocketManager | null > (null);
+  const [socket, setSocket] = useState<SocketManager | null>(null);
 
   useEffect(() => {
     console.log("Initializing websocket...");
diff --git a/apps/desktop/src/store.ts b/apps/desktop/src/store.ts
index 8c58b55c..00e6d8f6 100644
--- a/apps/desktop/src/store.ts
+++ b/apps/desktop/src/store.ts
@@ -70,10 +70,7 @@ const sortUserList = (myId: string | undefined, users: VoiceStateUser[]) => {
 };
 
 // sort internal app state users by name and me on top
-const sortOverlayedUsers = (
-  myId: string | undefined,
-  users: Record<string, OverlayedUser>,
-) => {
+const sortOverlayedUsers = (myId: string | undefined, users: Record<string, OverlayedUser>) => {
   const sortedUserArray = Object.entries(users).sort((a, b) => {
     if (a[1].id === myId) return -1;
     if (b[1].id === myId) return 1;
@@ -93,57 +90,57 @@ const sortOverlayedUsers = (
 export const useAppStore = create<AppState & AppActions>()(
   // TODO: fix later
   // @ts-ignore
-  immer((set) => ({
+  immer(set => ({
     me: null,
     discordErrors: [],
     clickThrough: false,
     currentChannel: null,
     users: {},
-    setMe: (data) =>
-      set((state) => {
+    setMe: data =>
+      set(state => {
         state.me = data;
       }),
     setTalking: (id, talking) =>
-      set((state) => {
+      set(state => {
         state.users[id].talking = talking;
       }),
-    removeUser: (id) =>
+    removeUser: id =>
       set((state: AppState) => {
         delete state.users[id];
       }),
-    updateUser: (item) =>
+    updateUser: item =>
       set((state: AppState) => {
         state.users[item.user.id] = createUserStateItem(item);
       }),
-    setUsers: (users) =>
-      set((state) => {
+    setUsers: users =>
+      set(state => {
         state.users = sortUserList(state.me?.id, users);
       }),
     clearUsers: () =>
-      set((state) => {
+      set(state => {
         state.users = {};
       }),
-    addUser: (item) =>
-      set((state) => {
+    addUser: item =>
+      set(state => {
         const tempUsers = { ...state.users };
         tempUsers[item.user.id] = createUserStateItem(item);
         state.users = sortOverlayedUsers(state.me?.id, tempUsers);
       }),
-    setCurrentChannel: (channel) =>
-      set((state) => {
+    setCurrentChannel: channel =>
+      set(state => {
         state.currentChannel = channel;
       }),
     setClickThrough: (enabled: boolean) =>
-      set((state) => {
+      set(state => {
         state.clickThrough = enabled;
       }),
-    pushError: (error) =>
-      set((state) => {
+    pushError: error =>
+      set(state => {
         state.discordErrors.push(error);
       }),
     resetErrors: () =>
-      set((state) => {
+      set(state => {
         state.discordErrors = [];
       }),
-  })),
+  }))
 );
diff --git a/apps/desktop/src/types.ts b/apps/desktop/src/types.ts
index c6affc58..dce16645 100644
--- a/apps/desktop/src/types.ts
+++ b/apps/desktop/src/types.ts
@@ -79,25 +79,25 @@ export interface OverlayedUser {
 }
 
 export interface VoiceStateData {
-  nick: string,
-  mute: boolean,
-  volume: number,
-  pan: Pan,
-  voice_state: VoiceState,
-  user: VoiceStateUser,
+  nick: string;
+  mute: boolean;
+  volume: number;
+  pan: Pan;
+  voice_state: VoiceState;
+  user: VoiceStateUser;
 }
 
 export interface ChannelJoinEvent {
-  id: string,
-  name: string,
-  type: number,
-  topic: string,
-  bitrate: number,
-  user_limit: string,
-  guild_id: string,
-  position: number,
-  messages: any,
-  voice_states: VoiceStateData[]
+  id: string;
+  name: string;
+  type: number;
+  topic: string;
+  bitrate: number;
+  user_limit: string;
+  guild_id: string;
+  position: number;
+  messages: any;
+  voice_states: VoiceStateData[];
 }
 
 interface Pan {
@@ -123,7 +123,7 @@ interface VoiceUser {
   global_name: string;
   id: string;
   premium_type: number;
-  username: string
+  username: string;
 }
 
 export interface VoiceStateUser {
@@ -134,4 +134,3 @@ export interface VoiceStateUser {
   voice_state: VoiceState;
   user: VoiceUser;
 }
-
diff --git a/apps/desktop/src/use-clickthrough.ts b/apps/desktop/src/use-clickthrough.ts
index ebd31437..342602fc 100644
--- a/apps/desktop/src/use-clickthrough.ts
+++ b/apps/desktop/src/use-clickthrough.ts
@@ -7,18 +7,16 @@ export const useClickthrough = () => {
   const [clickthrough, setClickthrough] = useState(false);
   useEffect(() => {
     // sub if it changes from outside of tauri
-    const unlisten = listen<boolean>("toggle_clickthrough", (event) => {
+    const unlisten = listen<boolean>("toggle_clickthrough", event => {
       setClickthrough(event.payload);
       overlayedConfig.set("clickthrough", event.payload);
     });
 
     // This is so we can sync the state
-    invoke<boolean>("get_clickthrough").then((clickthrough) =>
-      setClickthrough(clickthrough)
-    );
+    invoke<boolean>("get_clickthrough").then(clickthrough => setClickthrough(clickthrough));
 
     return () => {
-      unlisten.then((f) => f());
+      unlisten.then(f => f());
     };
   }, []);
 
diff --git a/apps/desktop/src/use-disable-context-menu.ts b/apps/desktop/src/use-disable-context-menu.ts
index 5d6c96c4..55ce9e6c 100644
--- a/apps/desktop/src/use-disable-context-menu.ts
+++ b/apps/desktop/src/use-disable-context-menu.ts
@@ -3,14 +3,14 @@ import { useEffect } from "react";
 export const useDisableContextMenu = () => {
   useEffect(() => {
     // diable forward back button
-    document.addEventListener("keydown", (e) => {
+    document.addEventListener("keydown", e => {
       if (e.key === "Backspace" && e.target === document.body) {
         e.preventDefault();
       }
     });
 
     // disable context menu
-    document.addEventListener("contextmenu", (e) => {
+    document.addEventListener("contextmenu", e => {
       e.preventDefault();
     });
   }, []);
diff --git a/apps/desktop/src/use-paths.ts b/apps/desktop/src/use-paths.ts
index 20ca9eec..2e2cfa99 100644
--- a/apps/desktop/src/use-paths.ts
+++ b/apps/desktop/src/use-paths.ts
@@ -1,14 +1,14 @@
 import { appConfigDir, appLogDir } from "@tauri-apps/api/path";
 import { useEffect, useState } from "react";
 export const usePaths = () => {
-  const [configDir, setConfigDir] = useState < string | null > (null);
-  const [logDir, setLogDir] = useState < string | null > (null);
+  const [configDir, setConfigDir] = useState<string | null>(null);
+  const [logDir, setLogDir] = useState<string | null>(null);
 
   useEffect(() => {
     const getPaths = async () => {
       const promises = await Promise.allSettled([appConfigDir(), appLogDir()]);
 
-      const [configDir, logDir] = promises.map((promise) => {
+      const [configDir, logDir] = promises.map(promise => {
         if (promise.status === "fulfilled") {
           return promise.value;
         }
diff --git a/apps/desktop/src/use-set-size.ts b/apps/desktop/src/use-set-size.ts
index d0e6a997..ce444c2e 100644
--- a/apps/desktop/src/use-set-size.ts
+++ b/apps/desktop/src/use-set-size.ts
@@ -1,17 +1,11 @@
 import { LogicalSize, appWindow } from "@tauri-apps/api/window";
 import { useEffect, useRef } from "react";
 
-export const useSetWindowSize = ({
-  width,
-  height,
-}: {
-  width: number;
-  height: number;
-}) => {
+export const useSetWindowSize = ({ width, height }: { width: number; height: number }) => {
   const lastSizeRef = useRef<LogicalSize | null>(null);
 
   useEffect(() => {
-    appWindow.outerSize().then((size) => {
+    appWindow.outerSize().then(size => {
       lastSizeRef.current = size;
 
       // set the new
diff --git a/apps/desktop/src/use-window-resize.ts b/apps/desktop/src/use-window-resize.ts
index 3c00c27f..05f46cb0 100644
--- a/apps/desktop/src/use-window-resize.ts
+++ b/apps/desktop/src/use-window-resize.ts
@@ -19,4 +19,4 @@ export const useWindowResize = () => {
   }, []);
 
   return windowSize;
-}
+};
diff --git a/apps/desktop/src/views/error.tsx b/apps/desktop/src/views/error.tsx
index a8ae8afe..2257a422 100644
--- a/apps/desktop/src/views/error.tsx
+++ b/apps/desktop/src/views/error.tsx
@@ -13,11 +13,7 @@ export const Error = () => {
         <p>Error Connecting to Discord</p>
       </div>
       <div className="w-32 h-32">
-        <img
-          src="/img/sad-face.svg"
-          alt="sad"
-          className="text-white fill-white w-full"
-        />
+        <img src="/img/sad-face.svg" alt="sad" className="text-white fill-white w-full" />
       </div>
       <div className="pt-8 pb-8 text-2xl text-center">
         {discordErrors.map((item, i) => (
diff --git a/apps/desktop/src/views/main.tsx b/apps/desktop/src/views/main.tsx
index 758241f4..ef4e46af 100644
--- a/apps/desktop/src/views/main.tsx
+++ b/apps/desktop/src/views/main.tsx
@@ -20,10 +20,7 @@ export const Main = () => {
         <p>Authorize Discord</p>
         <ul className="text-sm text-center">
           <li className="text-zinc-400">
-            <p>
-              This app is not affiliated with Discord. Discord is a trademark of
-              Discord Inc.
-            </p>
+            <p>This app is not affiliated with Discord. Discord is a trademark of Discord Inc.</p>
           </li>
         </ul>
         <ul className="flex flex-col gap-4 p-4 mt-6 text-2xl text-left">
diff --git a/apps/desktop/src/views/settings.tsx b/apps/desktop/src/views/settings.tsx
index a617caf4..b9345748 100644
--- a/apps/desktop/src/views/settings.tsx
+++ b/apps/desktop/src/views/settings.tsx
@@ -3,12 +3,7 @@ import { usePaths } from "../use-paths";
 import { Button } from "../components/ui/button";
 import { useAppStore } from "../store";
 import { invoke, shell } from "@tauri-apps/api";
-import {
-  LogicalSize,
-  LogicalPosition,
-  currentMonitor,
-  appWindow,
-} from "@tauri-apps/api/window";
+import { LogicalSize, LogicalPosition, currentMonitor, appWindow } from "@tauri-apps/api/window";
 import { useEffect, useRef } from "react";
 
 const SETTINGS_WIDTH = 400;
@@ -40,16 +35,12 @@ export const Settings = () => {
 
       // if out of the x bounds set it to the start of the screen
       if (x + SETTINGS_WIDTH > screenWidth) {
-        appWindow.setPosition(
-          new LogicalPosition(screenWidth - SETTINGS_WIDTH, y),
-        );
+        appWindow.setPosition(new LogicalPosition(screenWidth - SETTINGS_WIDTH, y));
       }
 
       // if out of the x bounds set it to the start of the screen
       if (y + SETTINGS_HEIGHT > screenHeight) {
-        appWindow.setPosition(
-          new LogicalPosition(x, screenHeight - SETTINGS_HEIGHT),
-        );
+        appWindow.setPosition(new LogicalPosition(x, screenHeight - SETTINGS_HEIGHT));
       }
 
       // change the size to something good lookin
@@ -59,7 +50,7 @@ export const Settings = () => {
       const factor = await appWindow.scaleFactor();
       // we never clean this up LMAO
       // FIXME: please fix
-      await appWindow.onResized((size) => {
+      await appWindow.onResized(size => {
         lastSizeRef.current = size.payload.toLogical(factor);
       });
     };
diff --git a/scripts/test.ts b/scripts/test.ts
index 881208dc..d1e741f5 100644
--- a/scripts/test.ts
+++ b/scripts/test.ts
@@ -1,4 +1,3 @@
-
 // test local script
 // op run --env-file .env -- npx tsx scripts/test.ts <script>
 import { getOctokit, context } from "@actions/github";