|
|
|
import React from "react";
|
|
|
|
import { Editor } from "react-draft-wysiwyg";
|
|
|
|
import AddPic from "../components/addPic";
|
|
|
|
import ProductInfos from "../components/infos";
|
|
|
|
import Metrics from "../components/metrics";
|
|
|
|
import Payment from "../components/payment";
|
|
|
|
import './editor.css';
|
|
|
|
|
|
|
|
const MainAP = () => {
|
|
|
|
return (
|
|
|
|
<div className="w-full flex flex-col py-4 px-10 items-center rtl">
|
|
|
|
<h1 className="text-blue3A text-lg font-bold w-full text-right px-4 mb-6 border-r-4 border-blue65">
|
|
|
|
اضافه کردن محصول جدید
|
|
|
|
</h1>
|
|
|
|
<input type='text' className="w-full h-14 rtl px-4 bg-white border border-blueCD text-blue3A rounded-lg outline-none font-bold" placeholder="نام محصول" />
|
|
|
|
<div className="w-full my-6 rtl text-right border border-grayE0 bg-white rounded-xl" >
|
|
|
|
<Editor
|
|
|
|
// editorState={editorState}
|
|
|
|
toolbarClassName="toolbarClassName"
|
|
|
|
wrapperClassName="wrapperClassName"
|
|
|
|
editorClassName="editorClassName"
|
|
|
|
// onEditorStateChange={this.onEditorStateChange}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div className="flex justify-between w-full">
|
|
|
|
<AddPic />
|
|
|
|
<Metrics />
|
|
|
|
<Payment />
|
|
|
|
</div>
|
|
|
|
<ProductInfos />
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default MainAP;
|