apps/web/app/(dash)/header/newChatButton.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

"use client";

import { ChatIcon } from "@repo/ui/icons";
import Image from "next/image";
import Link from "next/link";
import { usePathname } from "next/navigation";
import React from "react";

function NewChatButton() {
  const path = usePathname();

  if (path.startsWith("/chat")) {
    return (
      <Link
        href="/home"
        className="flex duration-200 items-center text-[#7D8994] hover:bg-[#1F2429] text-[13px] gap-2 px-3 py-2 rounded-xl"
      >
        <Image src={ChatIcon} alt="Chat icon" className="w-5" />
        Start new chat
      </Link>
    );
  }

  return null;
}

export default NewChatButton;