2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
b7067e29 1 parent 24d61315

remove unnecessary files

Inline Side-by-side
Showing 4 changed files with 0 additions and 91 deletions
import React from "react";
import styled from "styled-components";
const ChatFooter = styled.div`
display: flex;
`;
export default () => {
return <ChatFooter></ChatFooter>;
};
import React from "react";
import styled from "styled-components";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faPhone, faEllipsisH } from "@fortawesome/free-solid-svg-icons";
const ChatHeader = styled.div`
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
box-shadow: 1px 1px 7px #8395a7;
`;
const NickNameBox = styled.div`
display: flex;
flex-direction: column;
padding: 10px;
opacity: 0.8;
`;
const NickName = styled.span`
font-size: 20px;
`;
const IconBox = styled.div`
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
opacity: 0.8;
`;
export default () => {
return (
<ChatHeader>
<NickNameBox>
<NickName /> NickName
</NickNameBox>
<IconBox>
<FontAwesomeIcon icon={faPhone} />
<FontAwesomeIcon icon={faEllipsisH} />
</IconBox>
</ChatHeader>
);
};
import React from "react";
import styled from "styled-components";
import IncomingMsg from "../IncomingMsg";
import OutcomingMsg from "../OutcomingMsg";
const ChatScreen = styled.div``;
export default () => {
return (
<ChatScreen>
<IncomingMsg />
<OutcomingMsg />
</ChatScreen>
);
};
import React from "react";
import styled from "styled-components";
import ChatHeader from "./ChatHeader";
import ChatScreen from "./ChatScreen";
import ChatFooter from "./ChatFooter";
const MainScreen = styled.div`
display: flex;
flex-direction: column;
width: 55%;
`;
export default () => {
return (
<MainScreen>
<ChatHeader />
<ChatScreen />
<ChatFooter />
</MainScreen>
);
};