[d76b7ee] | 1 | import React, {useState} from 'react'
|
---|
| 2 | import {Header} from "./Header";
|
---|
| 3 | import {useNavigate} from "react-router-dom";
|
---|
| 4 | import {Button, Image, Modal} from "antd";
|
---|
| 5 | import placeholderImage from '../src/Assets/placeholder.png'
|
---|
| 6 | import AddNewReservation from "./Dashboard/AddNewReservation";
|
---|
| 7 |
|
---|
| 8 | const FrontPage = ({}) => {
|
---|
| 9 | const [restaurant, setRestaurant] = useState({name:'Sample Restaurant name', address: 'Sample street 1', city:'Sample'});
|
---|
| 10 | const [newReservationModal, setNewReservationModal] = useState(false);
|
---|
| 11 | const [saveModalLoading, setSaveModalLoading] = useState(false);
|
---|
| 12 | const history = useNavigate();
|
---|
| 13 | return(
|
---|
| 14 | <div>
|
---|
| 15 | <Header onClickButton={()=>history('/login')} buttonText={'Логирај се'}/>
|
---|
| 16 | <div style={{
|
---|
| 17 | height: '400px',
|
---|
| 18 | width: '100%',
|
---|
| 19 | borderTop: '1px solid gray',
|
---|
| 20 | padding: '20px'
|
---|
| 21 | }}>
|
---|
| 22 | <div id={'businessFrontImage'}>
|
---|
| 23 | <Image
|
---|
| 24 | src={restaurant.photo}
|
---|
| 25 | id={'businessFrontInsideImage'}
|
---|
| 26 | placeholder={
|
---|
| 27 | <img
|
---|
| 28 | src={placeholderImage}
|
---|
| 29 | alt={'place'}
|
---|
| 30 | style={{width:'100%',height:'100%'}}
|
---|
| 31 | />
|
---|
| 32 | }
|
---|
| 33 | wrapperStyle={{overflow:'hidden',width:'100%'}}
|
---|
| 34 | style={{width:'100%', height:'100%',margin: 'auto',objectFit:'cover'}}>
|
---|
| 35 | </Image>
|
---|
| 36 | </div>
|
---|
| 37 | <div id={'businessFrontInfo'} >
|
---|
| 38 | <div style={{width:'100%',height:'100%',display:'flex',flexDirection:'column',justifyContent:'space-between'}}>
|
---|
| 39 | <div style={{flexGrow:1, fontSize:'20px', fontWeight:'500', textAlign:'start'}}>
|
---|
| 40 | {restaurant.name}
|
---|
| 41 | <div style={{color:'gray',fontSize:'10px'}}>{restaurant.address}, {restaurant.city}</div>
|
---|
| 42 | </div>
|
---|
| 43 | <Button onClick={()=>setNewReservationModal(true)} style={{width:'100%',marginTop:'5px'}} type={'primary'}>Резервирај</Button>
|
---|
| 44 | </div>
|
---|
| 45 |
|
---|
| 46 | </div>
|
---|
| 47 | </div>
|
---|
| 48 | <Modal
|
---|
| 49 | style={{top: 20}}
|
---|
| 50 | width={'700px'}
|
---|
| 51 | title="Нова Резервација"
|
---|
| 52 | footer={[
|
---|
| 53 | <Button form="newResForm" key="submit" htmlType="submit" type={'primary'} loading={saveModalLoading}>
|
---|
| 54 | Прати
|
---|
| 55 | </Button>
|
---|
| 56 | ]}
|
---|
| 57 | onCancel={()=>setNewReservationModal(false)}
|
---|
| 58 | visible={newReservationModal}>
|
---|
| 59 | <AddNewReservation setModalSaveLoading={setSaveModalLoading} setModalVisible={setNewReservationModal} />
|
---|
| 60 | </Modal>
|
---|
| 61 | </div>
|
---|
| 62 |
|
---|
| 63 | )
|
---|
| 64 | }
|
---|
| 65 |
|
---|
| 66 | export default FrontPage; |
---|