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; |
---|