Updated the ManageChannel.jsx

This commit is contained in:
Mathias Wagner 2023-12-12 06:48:48 +01:00
parent 6518b5c959
commit d66991c7cf
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

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