y0rune
/
frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

transfer

This commit is contained in:
wrzesinski-hubert 2021-01-19 17:04:07 +01:00
parent f9fa6412ef
commit 6748309fbd
1 changed files with 79 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Transfer.tsx
View File

@ -114,7 +114,7 @@ const SaveButton = styled.div`
`;
const ExchangesWrapper = styled.div`
flex:5;
flex: 4;
overflow-y: scroll;
width: 100%;
::-webkit-scrollbar-track {
@ -128,6 +128,7 @@ const ExchangesWrapper = styled.div`
border-radius: 10px;
background-color: #4b4b4b;
}
border-top: 1px solid;
`;
const ExchangesRow = styled.div`
@ -145,14 +146,12 @@ const Icon = styled.img`
const Exchange = styled.div`
background-color: #b5d2e0;
border-radius: 10px;
width:200px;
width: 300px;
margin: 10px;
height:50px;
display: flex;
align-items: center;
justify-content: center;
`
`;
const deleteExchange = async (id: number) => {
try {
@ -276,9 +275,19 @@ export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
>
{assignmentsClasses.map((el) => {
return (
<MenuItem key={el.id} value={el} >
<MenuItem
key={el.id}
value={el}
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
textAlign: 'center',
}}
>
{`${el.name} `}
<br></br>{`(${dayMapping[el.day]} ${el.time} ${el.endTime})`}
<br></br>
{`(${dayMapping[el.day]} ${el.time} - ${el.endTime})`}
</MenuItem>
);
})}
@ -299,6 +308,7 @@ export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
<TransferReceiveStyled>
<TransferTextStyled>Przyjmę</TransferTextStyled>
<TransferInputStyled>
<FormControl disabled>
<Select
labelId="demo-simple-select-label"
id="assignments-groups"
@ -309,12 +319,24 @@ export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
>
{groups.map((el: any, index: number) => {
return (
<MenuItem key={index} value={el}>
{`${selectedAssignmentsClasses.name} ${el.time} ${el.endTime} ${dayMapping[el.day]}`}
<MenuItem
key={index}
value={el}
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
textAlign: 'center',
}}
>
{`${selectedAssignmentsClasses.name} `}
<br></br>
{`(${dayMapping[el.day]} ${el.time} - ${el.endTime})`}
</MenuItem>
);
})}
</Select>
</FormControl>
</TransferInputStyled>
</TransferReceiveStyled>
</InputWrapper>
@ -324,8 +346,13 @@ export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
exchanges.map((name: any) => (
<ExchangesRow>
<Exchange>
{name.desiredGroup.id} </Exchange> <Icon alt="transfer" src={TransferIcon} /><Exchange>{name.ownedAssignment.id}
</Exchange>
{name.desiredGroup.lecturer} <br></br> {dayMapping[name.desiredGroup.day]} <br></br>{' '}
{name.desiredGroup.time} - {name.desiredGroup.endTime}
</Exchange>{' '}
<Icon alt="transfer" src={TransferIcon} />
<Exchange>
{name.ownedAssignment.lecturer} <br></br> {dayMapping[name.ownedAssignment.day]} <br></br>{' '}
{name.ownedAssignment.time} - {name.ownedAssignment.endTime}</Exchange>
</ExchangesRow>
))
) : (