You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
35 lines
1.4 KiB
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-6 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; |