Updated the ManageChannel.jsx
This commit is contained in:
parent
6518b5c959
commit
d66991c7cf
@ -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>
|
||||||
);
|
);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user