From 0e604055ee4e0eba8718ff545ec30cd5ec3d32f3 Mon Sep 17 00:00:00 2001
From: escapedcat <github@htmlcss.de>
Date: Mon, 4 Nov 2024 11:03:46 +0100
Subject: [PATCH] feat(home): use further nextui components channel-list

---
 src/components/Message.tsx                       | 16 ----------------
 .../Home/ListChannelModal/ListChannelModal.tsx   |  3 +--
 2 files changed, 1 insertion(+), 18 deletions(-)
 delete mode 100644 src/components/Message.tsx

diff --git a/src/components/Message.tsx b/src/components/Message.tsx
deleted file mode 100644
index f2a89a88..00000000
--- a/src/components/Message.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { FC } from "react";
-
-type Props = {
-  color?: string;
-  message: string;
-};
-
-const Message: FC<Props> = ({ message, color = "bg-red-500" }) => {
-  return (
-    <p className={`mt-5 break-words rounded ${color} px-5 py-1 text-white`}>
-      {message}
-    </p>
-  );
-};
-
-export default Message;
diff --git a/src/pages/Home/ListChannelModal/ListChannelModal.tsx b/src/pages/Home/ListChannelModal/ListChannelModal.tsx
index a3b22cef..ba121121 100644
--- a/src/pages/Home/ListChannelModal/ListChannelModal.tsx
+++ b/src/pages/Home/ListChannelModal/ListChannelModal.tsx
@@ -4,7 +4,6 @@ import {
   ConfirmModal,
   type Props as ConfirmModalProps,
 } from "@/components/ConfirmModal";
-import Message from "@/components/Message";
 import { LightningChannel } from "@/models/lightning-channel";
 import { checkError } from "@/utils/checkError";
 import { instance } from "@/utils/interceptor";
@@ -84,7 +83,7 @@ export default function ListChannelModal({
             isLoading={isLoading}
           />
         )}
-        {error && <Message message={error} />}
+        {error && <Alert color="danger">{error}</Alert>}
       </ConfirmModal.Body>
     </ConfirmModal>
   );