From 550a4cc04ba9c0999ea88582ed3d29bb05b87ea0 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Fri, 9 Jan 2026 18:28:07 +0100
Subject: [PATCH] Fixed 404 issue #39

---
 src/app/chat/StartNewDM.tsx       | 12 ++++++++----
 src/components/app/SidebarDMs.tsx | 13 +++++++++----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/app/chat/StartNewDM.tsx b/src/app/chat/StartNewDM.tsx
index bfdca60..4002896 100644
--- a/src/app/chat/StartNewDM.tsx
+++ b/src/app/chat/StartNewDM.tsx
@@ -13,16 +13,20 @@ import { PlusCircle } from "lucide-react";
 import { UserProfile } from "@/hooks/get-user";
 import { useRouter } from "next/navigation";
 import axios from "axios";
+import { getProfileByUsername } from "@/actions/get-profile";
+import { toast } from "sonner";
 
 export default function StartNewDM() {
   const [username, setUsername] = useState("");
   const router = useRouter();
 
   const handleStartDM = async () => {
-    const res = await axios.get("/api/profile", {
-      params: { username },
-    });
-    const user = res.data as UserProfile;
+    const user = await getProfileByUsername(username);
+    if (!user) {
+      toast.error("User not found");
+      return;
+    }
+
     router.push(`/chat/${user.id}`);
     setUsername("");
   };
diff --git a/src/components/app/SidebarDMs.tsx b/src/components/app/SidebarDMs.tsx
index a059b9c..b82eedc 100644
--- a/src/components/app/SidebarDMs.tsx
+++ b/src/components/app/SidebarDMs.tsx
@@ -10,6 +10,8 @@ import DMItem from "./DMItem";
 import App from "@/types/app";
 import { UserProfile } from "@/hooks/get-user";
 import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import { getProfileByUsername } from "@/actions/get-profile";
 
 export default function SidebarDMs({ app }: { app: App }) {
   const router = useRouter();
@@ -78,11 +80,14 @@ export default function SidebarDMs({ app }: { app: App }) {
                 variant="ghost"
                 className="w-full justify-start gap-2 text-sm truncate"
                 onClick={async () => {
-                  const res = await axios.get("/api/profile", {
-                    params: { username: query },
-                  });
-                  const user = res.data as UserProfile;
+                  const user = await getProfileByUsername(query);
+                  if (!user) {
+                    toast.error("User not found");
+                    return;
+                  }
+
                   router.push(`/chat/${user.id}`);
+                  setQuery("");
                 }}
               >
                 <Plus className="h-4 w-4" />