UBC/Alley-HSBC-Frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

small design change

Browse Source
This commit is contained in:
Taehee Choi 2022-03-08 12:42:07 -08:00
parent 28abd08255
commit 792d254ff7
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/contacts/contacts-components/body-components/LowerBody.tsx
View File

@ -46,7 +46,7 @@ const LowerBody: React.FC<Props> = (props) => {
>
<Button
variant="text"
color="secondary"
color="info"
onClick={() => props.setMeetingInfoOpen(true)}
>
{meeting.name}

35
src/components/contacts/contacts-components/body-components/UpperBody.tsx
View File

@ -4,6 +4,8 @@ import PhoneIcon from "@mui/icons-material/Phone";
import VideocamIcon from "@mui/icons-material/Videocam";
import GroupsIcon from "@mui/icons-material/Groups";
import ContactInfo from "../../ContactInfo";
import AddIcon from "@mui/icons-material/Add";
import { textAlign } from "@mui/system";
interface Props {
contactInfo: ContactInfo;
@ -26,40 +28,45 @@ const UpperBody: React.FC<Props> = (props) => {
sx={{
display: "flex",
flexDirection: "row",
justifyContent: "space-evenly",
justifyContent: "space-between",
alignItems: "center",
mx: 4,
}}
>
<Typography variant="h3">{props.contactInfo.name}</Typography>
<Button variant="outlined" color="success" startIcon={<AddIcon />}>
favorites
</Button>
</Box>
<Box
sx={{
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
my: 2,
mx: 4,
}}
>
<Box
sx={{
ml: "5%",
}}
>
<IconButton sx={{ border: 1, mr: 1 }} size="large">
<Box>
<IconButton
sx={{ border: 1, mr: 1, backgroundColor: "secondary" }}
size="large"
color="secondary"
>
<PhoneIcon fontSize="large" />
</IconButton>
<IconButton sx={{ border: 1, mr: 1 }} size="large">
<IconButton sx={{ border: 1, mr: 1 }} size="large" color="secondary">
<VideocamIcon fontSize="large" />
</IconButton>
<IconButton sx={{ border: 1, mr: 1 }} size="large">
<IconButton sx={{ border: 1, mr: 1 }} size="large" color="secondary">
<GroupsIcon fontSize="large" />
</IconButton>
<Button variant="outlined" color="success">
Add to favorites
</Button>
</Box>
<Box sx={{ display: "flex", flexDirection: "column", ml: "10%" }}>
<Typography>{props.contactInfo.status}</Typography>
<Box sx={{ display: "flex", flexDirection: "column" }}>
<Typography sx={{ textAlign: "right" }}>
{props.contactInfo.status}
</Typography>
<Typography>MeetingName-1372</Typography>
</Box>
</Box>