Refactor file structure: Move chat component to Chat folder

Author: deepraj21

client/src/components/chat.tsx renamed to client/src/components/Chat/chat.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { PlaceholdersAndVanishInput } from "./ui/placeholders-and-vanish-input";
-import { useState, useEffect } from "react";
+import { PlaceholdersAndVanishInput } from "../ui/placeholders-and-vanish-input";
+import { useState } from "react";
 import axios from "axios";
 
 export function PlaceholdersAndVanishInputDemo() {
@@ -19,7 +19,7 @@ export function PlaceholdersAndVanishInputDemo() {
         "How to assemble your own PC?",
     ];
 
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const handleChange = () => {
         // You can add any additional logic here if needed
     };
 

client/src/components/Navbar/navbar.tsx

@@ -7,47 +7,54 @@ import {
   IconNewSection,
   IconTerminal2,
 } from "@tabler/icons-react";
+import React from "react";
+
+interface Link {
+  title: string;
+  icon: React.ReactNode;
+  to: string;
+}
 
 export function Navbar() {
-  const links = [
+  const links: Link[] = [
     {
       title: "Home",
       icon: <IconHome className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "#top", // Scroll to top
+      to: "#top", 
     },
     {
       title: "Features",
       icon: <IconTerminal2 className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "#features", // Scroll to features section
+      to: "#features", 
     },
     {
       title: "FAQs",
       icon: <IconNewSection className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "#help", // Scroll to help section
+      to: "#help", 
     },
     {
       title: "DevHub",
       icon: <img src="../../../public/logo.png" width={20} height={20} alt="DevHub" />,
-      to: "#", // No scrolling
+      to: "#", 
     },
     {
       title: "DevMap",
       icon: <IconExchange className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "#", // No scrolling
+      to: "#", 
     },
     {
       title: "Discord",
       icon: <IconBrandDiscord className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "https://discord.gg/he8QHEC8WP", // Discord link
+      to: "https://discord.gg/he8QHEC8WP", 
     },
     {
       title: "GitHub",
       icon: <IconBrandGithub className="h-full w-full text-neutral-500 dark:text-neutral-300" />,
-      to: "https://github.com/devhub-ai/devhub", // GitHub link
+      to: "https://github.com/devhub-ai/devhub",
     },
   ];
 
-  const handleClick = (event, link) => {
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>, link: Link) => {
     if (link.to.startsWith("#")) {
       event.preventDefault();
       const targetElement = document.querySelector(link.to);
@@ -62,9 +69,9 @@ export function Navbar() {
       <FloatingDock
         items={links.map(link => ({
           ...link,
-          onClick: (event) => handleClick(event, link),
+          onClick: (event: React.MouseEvent<HTMLAnchorElement>) => handleClick(event, link),
         }))}
       />
     </div>
   );
-}
+}

client/src/pages/Home.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@/lib/utils";
-import { PlaceholdersAndVanishInputDemo } from "@/components/chat";
+import { PlaceholdersAndVanishInputDemo } from "@/components/Chat/chat";
 import HomeSidebar from "@/components/Sidebar/HomeSidebar";
 
 interface HomeProps {

client/src/pages/Profile.tsx

@@ -417,27 +417,25 @@ const Dashboard: React.FC<DashboardProps> = ({ loggedInUsername }) => {
             </div>
 
             <div className="space-y-6 lg:space-y-10">
-              <div className="flex flex-col space-y-2 lg:space-y-4">
-                <h2 className="text-xl font-bold">Friends</h2>
-                {friends.length > 0 ? (
-                  friends.map((friend: string) => (
-                    <div key={friend} className="flex items-center space-x-2">
-                      <img
-                        src="/placeholder.svg"
-                        width="30"
-                        height="30"
-                        className="rounded-full"
-                        alt="Friend Avatar"
-                      />
-                      <p className="text-sm font-semibold">{friend}</p>
-                    </div>
-                  ))
-                ) : (
-                  <p className="text-sm text-gray-500 dark:text-gray-400">
-                    No friends yet
-                  </p>
-                )}
-              </div>
+                <div className="flex flex-col space-y-2 lg:space-y-4">
+                  <h2 className="text-xl font-bold">Friends</h2>
+                  {friends.length > 0 ? (
+                    friends.map((friend: string) => (
+                      <div key={friend} className="flex items-center space-x-2">
+                        <a
+                          href={`${backendUrl}/u/${friend}`}
+                          className="text-sm font-semibold"
+                        >
+                          {friend}
+                        </a>
+                      </div>
+                    ))
+                  ) : (
+                    <p className="text-sm text-gray-500 dark:text-gray-400">
+                      No friends yet
+                    </p>
+                  )}
+                </div>
 
               <div className="space-y-6 lg:space-y-10">
                 {leetcodeSvg ? (

server/server.py

@@ -1,6 +1,7 @@
 from app import create_app
+import gunicorn
 
 app = create_app()
 
 if __name__ == '__main__':
-    app.run(debug=True)
+    app.run(host='0.0.0.0', debug=True)