From 1387afa3f2dda5c32516c29cb37a266ff143dfe9 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 14 Nov 2023 09:47:48 +0100
Subject: [PATCH] Created the ManageChannel.jsx

---
 .../pages/ManageChannel/ManageChannel.jsx     | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/states/Manage/pages/ManageChannel/ManageChannel.jsx

diff --git a/src/states/Manage/pages/ManageChannel/ManageChannel.jsx b/src/states/Manage/pages/ManageChannel/ManageChannel.jsx
new file mode 100644
index 0000000..5a0cb21
--- /dev/null
+++ b/src/states/Manage/pages/ManageChannel/ManageChannel.jsx
@@ -0,0 +1,51 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faGear, faPalette} from "@fortawesome/free-solid-svg-icons";
+import DesignItem from "@/states/Manage/pages/ManageChannel/components/DesignItem/index.js";
+
+export const ManageChannel = () => {
+    return (
+        <div className="manage-channel">
+            <div className="manage-section">
+
+                <FontAwesomeIcon icon={faGear} />
+                <h1>Settings</h1>
+            </div>
+
+            <div className="settings-box">
+                <div className="setting-info">
+                    <h2>Language</h2>
+                    <p>Which language should be chosen for this channel?</p>
+                </div>
+                <select>
+                    <option>English</option>
+                    <option>Deutsch</option>
+                </select>
+            </div>
+
+            <div className="settings-box">
+                <div className="setting-info">
+                    <h2>Topic</h2>
+                    <p>What is this channel about?</p>
+                </div>
+                <select>
+                    <option>Just Chatting</option>
+                    <option>Gaming</option>
+                    <option>Coding</option>
+                    <option>Anime</option>
+                </select>
+            </div>
+
+            <div className="manage-section">
+                <FontAwesomeIcon icon={faPalette} />
+                <h1>Design</h1>
+            </div>
+
+            <div className="design-container">
+
+                <DesignItem name="Default" coins="500" perks={[]} />
+
+            </div>
+        </div>
+    );
+}
\ No newline at end of file