From 55d22e2f5271312582305e6ea8a2988065b4da15 Mon Sep 17 00:00:00 2001
From: FleetAdmiralJakob <jakob.roessner@outlook.de>
Date: Sun, 12 May 2024 11:31:33 +0200
Subject: [PATCH] refactor: use the badge component

The badge component was never used
---
 src/components/homepage/chat-overview.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/homepage/chat-overview.tsx b/src/components/homepage/chat-overview.tsx
index 06d0b363..c8c86b9b 100644
--- a/src/components/homepage/chat-overview.tsx
+++ b/src/components/homepage/chat-overview.tsx
@@ -6,8 +6,9 @@ import { api } from "../../../convex/_generated/api";
 import { useUser } from "@clerk/nextjs";
 import { useEffect, useState } from "react";
 import { type FunctionReturnType } from "convex/server";
-import { Check, MousePointerClick, NotebookText } from "lucide-react";
+import { MousePointerClick, NotebookText } from "lucide-react";
 import { Avatar, AvatarFallback } from "../ui/avatar";
+import Badge from "~/components/ui/badge";
 
 type Chats = FunctionReturnType<typeof api.chats.getChats>;
 
@@ -71,10 +72,7 @@ const Chats: React.FC = () => {
                       <AvatarFallback>C</AvatarFallback>
                     </Avatar>
                     <p className="text-xl font-bold">Chat.io</p>
-                    <p className="flex rounded-sm bg-blue-400 p-1 pr-2 text-sm font-medium">
-                      {" "}
-                      <Check className="h-5" /> Support
-                    </p>
+                    <Badge>Support</Badge>
                     <div className="absolute ml-60 mt-20">
                       <MousePointerClick className="mb-1 ml-6 animate-pulse" />
                       <p>Click here</p>
@@ -107,10 +105,7 @@ const Chats: React.FC = () => {
                   ) : (
                     <p className="flex">
                       <p>My Notes</p>
-                      <p className=" ml-2.5 flex rounded-sm bg-blue-400 p-1 pr-2 text-sm font-medium">
-                        {" "}
-                        <Check className="h-5" /> Tool
-                      </p>
+                      <Badge>Tool</Badge>
                     </p>
                   )}
                 </p>