From d66991c7cf0f9b04319d19dca0c8527e6265f51e Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 12 Dec 2023 06:48:48 +0100
Subject: [PATCH] Updated the ManageChannel.jsx

---
 .../Manage/pages/ManageChannel/ManageChannel.jsx       | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/states/Manage/pages/ManageChannel/ManageChannel.jsx b/src/states/Manage/pages/ManageChannel/ManageChannel.jsx
index cca5c41..4215ce1 100644
--- a/src/states/Manage/pages/ManageChannel/ManageChannel.jsx
+++ b/src/states/Manage/pages/ManageChannel/ManageChannel.jsx
@@ -4,6 +4,7 @@ import {faDroplet, faGear, faMessage, faPalette} from "@fortawesome/free-solid-s
 import DesignItem from "@/states/Manage/pages/ManageChannel/components/DesignItem";
 import SettingsItem from "@/states/Manage/pages/ManageChannel/components/SettingsItem";
 import {useContext, useEffect, useState} from "react";
+import DesignImage from "@/common/images/design.png";
 import {useParams} from "react-router-dom";
 import {ChannelContext} from "@/states/Manage/pages/Channels/contexts/ChannelContext";
 
@@ -22,7 +23,6 @@ export const ManageChannel = () => {
     return (
         <div className="manage-channel">
             <div className="manage-section">
-
                 <FontAwesomeIcon icon={faGear} />
                 <h1>Settings</h1>
             </div>
@@ -44,22 +44,22 @@ export const ManageChannel = () => {
                 <DesignItem name="Default" coins="500" perks={[
                     {icon: faMessage, name: "Embed-Message"},
                     {icon: faDroplet, name: "Colorful design"}
-                ]} id={1} />
+                ]} id={1} image={DesignImage} />
 
                 <DesignItem name="Better" coins="500" perks={[
                     {icon: faMessage, name: "Embed-Message"},
                     {icon: faDroplet, name: "Colorful design"}
-                ]} id={2} />
+                ]} id={2} image={DesignImage} />
 
                 <DesignItem name="Default" coins="500" perks={[
                     {icon: faMessage, name: "Embed-Message"},
                     {icon: faDroplet, name: "Colorful design"}
-                ]} id={3} />
+                ]} id={3} image={DesignImage} />
 
                 <DesignItem name="Better" coins="500" perks={[
                     {icon: faMessage, name: "Embed-Message"},
                     {icon: faDroplet, name: "Colorful design"}
-                ]} id={4}/>
+                ]} id={4} image={DesignImage}/>
             </div>
         </div>
     );