| 1 |
import { useHistory } from 'react-router-dom'; |
| 2 |
import { __ } from '@wordpress/i18n'; |
| 3 |
|
| 4 |
function NoFlowsFound() { |
| 5 |
const history = useHistory(); |
| 6 |
|
| 7 |
const redirectNextStep = function () { |
| 8 |
history.push( { |
| 9 |
pathname: 'index.php', |
| 10 |
search: `?page=cartflow-setup&step=optin`, |
| 11 |
} ); |
| 12 |
}; |
| 13 |
|
| 14 |
return ( |
| 15 |
<div className="wcf-row mt-12"> |
| 16 |
<div className="bg-white rounded mx-auto max-w-2xl px-11 text-center py-14"> |
| 17 |
<h1 className="text-4xl font-semibold flex justify-center items-center text-[#1e293b]"> |
| 18 |
<svg |
| 19 |
xmlns="http://www.w3.org/2000/svg" |
| 20 |
className="h-10 w-10 align-middle text-4xl mr-1.5 fill-[#ffc83d]" |
| 21 |
viewBox="0 0 20 20" |
| 22 |
fill="currentColor" |
| 23 |
> |
| 24 |
<path |
| 25 |
fillRule="evenodd" |
| 26 |
d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" |
| 27 |
clipRule="evenodd" |
| 28 |
/> |
| 29 |
</svg> |
| 30 |
{ __( 'Oops!!! No templates found', 'cartflows' ) } |
| 31 |
</h1> |
| 32 |
<p className="mt-6 text-[#4B5563] text-lg"> |
| 33 |
{ __( |
| 34 |
"Seems like no templates are available for chosen page editor. Don't worry, you can always import the store checkout template from the CartFlows setting menu.", |
| 35 |
'cartflows' |
| 36 |
) } |
| 37 |
</p> |
| 38 |
<div className="mt-[40px] flex justify-center"> |
| 39 |
<div |
| 40 |
className="wcf-wizard--button" |
| 41 |
onClick={ redirectNextStep } |
| 42 |
> |
| 43 |
{ __( 'Skip to Next', 'cartflows' ) } |
| 44 |
<svg |
| 45 |
xmlns="http://www.w3.org/2000/svg" |
| 46 |
className="w-5 mt-0.5 ml-1.5 fill-[#243c5a]" |
| 47 |
fill="none" |
| 48 |
viewBox="0 0 24 24" |
| 49 |
stroke="currentColor" |
| 50 |
strokeWidth={ 2 } |
| 51 |
> |
| 52 |
<path |
| 53 |
strokeLinecap="round" |
| 54 |
strokeLinejoin="round" |
| 55 |
d="M17 8l4 4m0 0l-4 4m4-4H3" |
| 56 |
/> |
| 57 |
</svg> |
| 58 |
</div> |
| 59 |
</div> |
| 60 |
</div> |
| 61 |
</div> |
| 62 |
); |
| 63 |
} |
| 64 |
|
| 65 |
export default NoFlowsFound; |
| 66 |
|
