From ccfb9ea4b9b64e7ff921b3ab16b05ee14ba75faf Mon Sep 17 00:00:00 2001
From: Dima Rifai <dima.rifai@gmail.com>
Date: Thu, 23 Jan 2025 20:09:31 +0200
Subject: [PATCH] Issue #433 - Add NoResult Component
---
components/NoResult.tsx | 28 ++++++++++++++++++++++++++++
1 file changed, 28 insertions(+)
create mode 100644 components/NoResult.tsx
diff --git a/components/NoResult.tsx b/components/NoResult.tsx
new file mode 100644
index 00000000..36eed738
--- /dev/null
+++ b/components/NoResult.tsx
@@ -0,0 +1,28 @@
+import { Search } from "lucide-react";
+import React from "react";
+
+interface NoResultProps {
+ title?: string;
+ description?: string;
+
+}
+
+const NoResult: React.FC<NoResultProps> = ({
+ title = "No Results Found",
+ description = "We could not find anything matching your search. Try refining your filters or starting a new search.",
+
+}) => {
+ return (
+ <div className="mt-2 flex flex-col items-center justify-center bg-theme p-6 w-full text-center space-y-3">
+ <div className="flex items-center justify-center w-12 h-12 bg-explorer-bg-start rounded-full">
+ <Search className="w-6 h-6" />
+ </div>
+ <h2 className="text-xl font-semibold">
+ {title}
+ </h2>
+ <p className="text-sm">{description}</p>
+ </div>
+ );
+};
+
+export default NoResult;
--
GitLab