classify web

components/PagesComponent/Chat/NoChatListFound.jsx

@@ -0,0 +1,23 @@
+import { t } from "@/utils";
+import noChatListFound from "../../../public/assets/no_data_found_illustrator.svg";
+import CustomImage from "@/components/Common/CustomImage";
+
+const NoChatListFound = () => {
+  return (
+    <div className="flex flex-col items-center justify-center gap-2">
+      <CustomImage
+        src={noChatListFound}
+        alt="no chat list found"
+        width={200}
+        height={200}
+        className="w-[200px] h-auto aspect-square"
+      />
+      <h3 className="font-medium text-2xl text-primary text-center">
+        {t("noConversationsFound")}
+      </h3>
+      <span className="text-sm text-center">{t("noChatsAvailable")}</span>
+    </div>
+  );
+};
+
+export default NoChatListFound;