41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import './Add_Button.scss'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { usePageState } from '../../../lib/statemangment/LayoutPagestate'
|
|
|
|
|
|
|
|
const AddButtonLayout = ({haveAddModal}:any) => {
|
|
const { setIsOpenAddModel , setObjectToEdit } = usePageState()
|
|
const [t] = useTranslation();
|
|
|
|
|
|
return (
|
|
<div className='Add_Button' onClick={()=>{
|
|
if(haveAddModal){
|
|
|
|
setIsOpenAddModel()
|
|
}
|
|
setObjectToEdit(null)
|
|
|
|
}}>
|
|
<button>
|
|
<span >
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
width={24}
|
|
height={24}
|
|
>
|
|
<path fill="none" d="M0 0h24v24H0z" />
|
|
<path fill="currentColor" d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" />
|
|
</svg>{" "}
|
|
{t("Add")}
|
|
</span>
|
|
</button>
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AddButtonLayout |