Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
2.8 KB
|
Rev | Line | |
---|
[bc20307] | 1 | import { useContext, useEffect } from 'react';
|
---|
| 2 | import {
|
---|
| 3 | SessionInfo,
|
---|
| 4 | Input,
|
---|
| 5 | PersonIcon,
|
---|
| 6 | PhoneIcon,
|
---|
| 7 | PlateAndZoneWrapper,
|
---|
| 8 | ZoneSelectInput,
|
---|
| 9 | DropdownItem,
|
---|
| 10 | } from './styles';
|
---|
| 11 |
|
---|
| 12 | import { sessionStatus as enumsSessionStatus } from '../../../../config/enums';
|
---|
| 13 | import useGetData from '../../../../hooks/useGetData';
|
---|
| 14 | import { UserContext } from '../../../../context/UserContext';
|
---|
| 15 |
|
---|
| 16 | const MenuProps = {
|
---|
| 17 | PaperProps: {
|
---|
| 18 | style: {
|
---|
| 19 | height: 150,
|
---|
| 20 | width: '35px',
|
---|
| 21 | },
|
---|
| 22 | },
|
---|
| 23 | };
|
---|
| 24 |
|
---|
| 25 | const SessionGuest = ({
|
---|
| 26 | sessionStatus,
|
---|
| 27 | sessionInfo,
|
---|
| 28 | zones,
|
---|
| 29 | data,
|
---|
| 30 | onFormChange,
|
---|
| 31 | setNewData,
|
---|
| 32 | }) => {
|
---|
| 33 | const { user } = useContext(UserContext);
|
---|
| 34 | const { data: guest, isLoading: isGuestLoading } = useGetData({
|
---|
| 35 | url: `/guest/${user.id}`,
|
---|
| 36 | });
|
---|
| 37 |
|
---|
| 38 | useEffect(() => {
|
---|
| 39 | if (!guest) return;
|
---|
| 40 | setNewData({ plate: guest.plate.plate, zone: data.zone });
|
---|
| 41 | }, [guest]);
|
---|
| 42 | console.log(sessionStatus);
|
---|
| 43 | return (
|
---|
| 44 | !isGuestLoading && <SessionInfo>
|
---|
| 45 | <Input
|
---|
| 46 | disabled
|
---|
| 47 | name='mobile'
|
---|
| 48 | placeholder='Телефонски број'
|
---|
| 49 | value={guest.mobile}
|
---|
| 50 | InputProps={{
|
---|
| 51 | startAdornment: <PhoneIcon />,
|
---|
| 52 | }}
|
---|
| 53 | />
|
---|
| 54 | <Input
|
---|
| 55 | disabled
|
---|
| 56 | name='email'
|
---|
| 57 | placeholder='Емаил адреса'
|
---|
| 58 | value={guest.email}
|
---|
| 59 | InputProps={{
|
---|
| 60 | startAdornment: <PersonIcon />,
|
---|
| 61 | }}
|
---|
| 62 | />
|
---|
| 63 | <PlateAndZoneWrapper>
|
---|
| 64 | <Input
|
---|
| 65 | disabled
|
---|
| 66 | name='plate'
|
---|
| 67 | placeholder='Таблица...'
|
---|
| 68 | style={{
|
---|
| 69 | width: '49%',
|
---|
| 70 | textAlign: 'center',
|
---|
| 71 | }}
|
---|
| 72 | value={guest.plate.plate}
|
---|
| 73 | />
|
---|
| 74 | <ZoneSelectInput
|
---|
| 75 | MenuProps={MenuProps}
|
---|
| 76 | name='zone'
|
---|
| 77 | onChange={onFormChange}
|
---|
| 78 | value={data.zone}
|
---|
| 79 | inputProps={{
|
---|
| 80 | readOnly:
|
---|
| 81 | sessionStatus !== null
|
---|
| 82 |
|
---|
| 83 | }}
|
---|
| 84 | $show={sessionStatus === null}
|
---|
| 85 | >
|
---|
| 86 | <DropdownItem value='NONE'>
|
---|
| 87 | <em>NONE</em>
|
---|
| 88 | </DropdownItem>
|
---|
| 89 | {zones.map((z, ind) => (
|
---|
| 90 | <DropdownItem key={ind} value={z}>
|
---|
| 91 | {z}
|
---|
| 92 | </DropdownItem>
|
---|
| 93 | ))}
|
---|
| 94 | </ZoneSelectInput>
|
---|
| 95 | </PlateAndZoneWrapper>
|
---|
| 96 | </SessionInfo>
|
---|
| 97 | );
|
---|
| 98 | };
|
---|
| 99 |
|
---|
| 100 | export default SessionGuest;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.