From 3836c5824f7bfd7a1df37b345f8e977e4a1135c4 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 14 Nov 2023 09:44:59 +0100
Subject: [PATCH] Created the ChannelItem.jsx

---
 .../components/ChannelItem/ChannelItem.jsx    | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/states/Manage/pages/Channels/components/ChannelItem/ChannelItem.jsx

diff --git a/src/states/Manage/pages/Channels/components/ChannelItem/ChannelItem.jsx b/src/states/Manage/pages/Channels/components/ChannelItem/ChannelItem.jsx
new file mode 100644
index 0000000..ee28053
--- /dev/null
+++ b/src/states/Manage/pages/Channels/components/ChannelItem/ChannelItem.jsx
@@ -0,0 +1,23 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faHashtag} from "@fortawesome/free-solid-svg-icons";
+import Button from "@/common/components/Button";
+import "./styles.sass";
+import {useNavigate, useParams} from "react-router-dom";
+
+export const ChannelItem = ({id, cachedName}) => {
+    const navigate = useNavigate();
+    const params = useParams();
+
+    return (
+        <div className="channel-item">
+            <div className="info-area">
+                <FontAwesomeIcon icon={faHashtag} />
+                <h2>{cachedName}</h2>
+            </div>
+            <div className="action-area">
+                <Button onClick={() => navigate(`/guild/${params.id}/${id}/manage`) }>Manage</Button>
+                <Button type="error">Delete</Button>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file