Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update review detail page. #18

Merged
merged 1 commit into from
Mar 4, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion frontend/.eslintignore
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,5 @@
/.next
/public
/utils
/providers
/providers
/@types
1 change: 1 addition & 0 deletions frontend/assets/icons/icon-24-bookmark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions frontend/assets/icons/icon-24-communication.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions frontend/assets/icons/icon-24-facebook.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions frontend/assets/icons/icon-24-heart.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions frontend/assets/icons/icon-24-twitter.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
47 changes: 47 additions & 0 deletions frontend/components/detail-badge/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
import React, { FunctionComponent } from 'react';
import Styled from 'styled-components';
import { List } from 'antd';

const StyledListItem = Styled(List.Item)`
& div {display:flex;}
& div.with-new-line{flex-direction:column}
& img{border-radius:50%}
& span {font-weight:500;margin-left:10px;}
& span.txt-muted{
font-size: 13px;
color: gray;
font-weight: unset;
}
& button{position: absolute !important;right:14px;}
`;
const StyledButton = Styled.button`
border-radius: 16px;
border: 1px solid #17BF63!important;
background-color: white;
font-weight: bolder;
color: #17BF63;
padding: 2px 23px;
font-size: 16px;
`;

interface Props {
imageUrl: string;
title: string;
subTitle: string;
}

const Component: FunctionComponent<Props> = ({ imageUrl, title, subTitle }) => {
return (
<StyledListItem>
<div>
<img src={imageUrl} width={32} height={32} />
<div className="with-new-line">
<span>{title}</span>
<span className="txt-muted">{subTitle}</span>
</div>
{/*<StyledButton>เข้าร่วม</StyledButton>*/}
</div>
</StyledListItem>
);
};
export default Component;
4 changes: 2 additions & 2 deletions frontend/containers/landing-page/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
export const LandingPage: FunctionComponent = () => {
return (
<Fragment>
<ReviewItems title="สำหรับคุณ" items={items}></ReviewItems>
<StandardGrid content={<ListComponent />} left={<TabPaneComponent />} />>
<ReviewItems title="สำหรับคุณ" items={items} />
<StandardGrid content={<ListComponent />} left={<TabPaneComponent />} />
</Fragment>
);
};
72 changes: 44 additions & 28 deletions frontend/containers/review-detail/components/content/index.tsx
Original file line number Diff line number Diff line change
@@ -1,34 +1,50 @@
import React, { FunctionComponent } from 'react';
import GroupLists from 'components/group-lists';
import styled from 'styled-components';
import UserDetail from 'components/detail-badge';

const Title = styled.div`
font-size: 1.4em;
font-weight: 500;
`;

const Container = styled.div`
padding: 20px 25px;
border: 1px solid #ccd6dd;
border-radius: 8px;
`;

const ContentBox = styled.div`
font-size: 1.2em;
`;

const data = [
{
name: 'Apple Club',
memberCount: 'สมาชิก 15.2k',
imageUrl:
'https://scontent.furt3-1.fna.fbcdn.net/v/t1.0-9/s960x960/74396069_2594174023999170_8719079083155128320_o.jpg?_nc_cat=102&_nc_oc=AQlutKLKb3uNoRq709fD6_1rLDbaTcEIneNb1Srk4016I6lI9IlwFSHJ06jCVeymodc&_nc_ht=scontent.furt3-1.fna&_nc_tp=7&oh=dd756c038d1b68c9bac24b5fe85a4cdd&oe=5EFDF82A',
},
{
name: 'Apple Club',
memberCount: 'สมาชิก 15.2k',
imageUrl:
'https://scontent.furt3-1.fna.fbcdn.net/v/t1.0-9/s960x960/74396069_2594174023999170_8719079083155128320_o.jpg?_nc_cat=102&_nc_oc=AQlutKLKb3uNoRq709fD6_1rLDbaTcEIneNb1Srk4016I6lI9IlwFSHJ06jCVeymodc&_nc_ht=scontent.furt3-1.fna&_nc_tp=7&oh=dd756c038d1b68c9bac24b5fe85a4cdd&oe=5EFDF82A',
},
{
name: 'Apple Club',
memberCount: 'สมาชิก 15.2k',
imageUrl:
'https://scontent.furt3-1.fna.fbcdn.net/v/t1.0-9/s960x960/74396069_2594174023999170_8719079083155128320_o.jpg?_nc_cat=102&_nc_oc=AQlutKLKb3uNoRq709fD6_1rLDbaTcEIneNb1Srk4016I6lI9IlwFSHJ06jCVeymodc&_nc_ht=scontent.furt3-1.fna&_nc_tp=7&oh=dd756c038d1b68c9bac24b5fe85a4cdd&oe=5EFDF82A',
},
{
name: 'Apple Club',
memberCount: 'สมาชิก 15.2k',
imageUrl:
'https://scontent.furt3-1.fna.fbcdn.net/v/t1.0-9/s960x960/74396069_2594174023999170_8719079083155128320_o.jpg?_nc_cat=102&_nc_oc=AQlutKLKb3uNoRq709fD6_1rLDbaTcEIneNb1Srk4016I6lI9IlwFSHJ06jCVeymodc&_nc_ht=scontent.furt3-1.fna&_nc_tp=7&oh=dd756c038d1b68c9bac24b5fe85a4cdd&oe=5EFDF82A',
},
];
export const Component: FunctionComponent = () => {
return <GroupLists data={data} />;
return (
<Container>
<Title>รีวิว iPhone 11 Max Pro พูดเลยว่าของมันต้องมี !!</Title>
<UserDetail
imageUrl="https://scontent.furt3-1.fna.fbcdn.net/v/t1.0-9/s960x960/74396069_2594174023999170_8719079083155128320_o.jpg?_nc_cat=102&_nc_oc=AQlutKLKb3uNoRq709fD6_1rLDbaTcEIneNb1Srk4016I6lI9IlwFSHJ06jCVeymodc&_nc_ht=scontent.furt3-1.fna&_nc_tp=7&oh=dd756c038d1b68c9bac24b5fe85a4cdd&oe=5EFDF82A"
title="Nattashit Moonchanabaht"
subTitle="3 ชั่วโมงที่แล้ว"
/>
<ContentBox>
Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future makers,
Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas,
Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs
Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future
makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas,
Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs
Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future
makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas,
Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs
Group Nattasit from future makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future
makers, Eventpop, Blueseas, Tovho-system, Phuket Softs Group Nattasit from future makers, Eventpop, Blueseas,
Tovho-system, Phuket Softs Group
<p>
<img src="data:image/jpeg;base64,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" />
</p>
</ContentBox>
</Container>
);
};

export default Component;
Loading