-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Created mockup with KTM SX info * Created Form in Detail view * Added all fields to DetailForm * Optional Header in Container (for Detail view) * Added icons to DetailForm * Added dummy DetailForm calculation * Style fixes for DetialForm * Added details to Detail View (owener, short description) * Added husaberg & freeride to mockup * Implementing routing for mockup offers * Small fixes, all tests pass * Added hardcoded comments to Detail view * Small fixes after PR #16
- Loading branch information
1 parent
12d1ce1
commit fd70b54
Showing
16 changed files
with
629 additions
and
206 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -69,7 +69,6 @@ ul { | |
| max-width: 1120px; | ||
| width: 100%; | ||
| margin: auto; | ||
| display: flex; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,6 @@ | ||
| .header { | ||
| padding: 139px 0 85px 0; | ||
| display: flex; | ||
| .title { | ||
| display: flex; | ||
| flex-direction: column; | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,69 @@ | ||
| import * as React from 'react'; | ||
| import { | ||
| FontIcon, | ||
| Paper, | ||
| } from 'material-ui'; | ||
| import * as _ from 'lodash'; | ||
|
|
||
| export default function Comments(props) { | ||
| const stars = _.times(5, i => <FontIcon key={i} className="fa fa-star"/>); | ||
| return ( | ||
| <div className="comments"> | ||
| <Paper style={{ width: '100%' }} zDepth={2} rounded={false}> | ||
| <div className="comments-cont"> | ||
| <div className="references"> | ||
| 55 References | ||
| </div> | ||
| <div className="ratings"> | ||
| <div className="row"> | ||
| <div className="rate"> | ||
| <div className="type">Bike performance</div> | ||
| <div className="stars">{stars}</div> | ||
| </div> | ||
| <div className="rate"> | ||
| <div className="type">Communication</div> | ||
| <div className="stars">{stars}</div> | ||
| </div> | ||
| </div> | ||
| <div className="row"> | ||
| <div className="rate"> | ||
| <div className="type">Mechanical condition</div> | ||
| <div className="stars">{stars}</div> | ||
| </div> | ||
| <div className="rate"> | ||
| <div className="type">Rating</div> | ||
| <div className="stars">{stars}</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="comment"> | ||
| <div className="author"> | ||
| <div className="picture"></div> | ||
| <div className="fullname">Gustaw Mikolajczyk</div> | ||
| <div className="location">Warsaw, Poland</div> | ||
| </div> | ||
| <div className="text"> | ||
| The motorcycle looks and rides as described. Mint condition, raw power. | ||
| <br/> | ||
| I can also recommend the owner, he is my dad. | ||
| </div> | ||
| </div> | ||
| <div className="comment"> | ||
| <div className="author"> | ||
| <div className="picture"></div> | ||
| <div className="fullname">Henryk Mikolajczyk</div> | ||
| <div className="location">Warsaw, Poland</div> | ||
| </div> | ||
| <div className="text"> | ||
| Aba. By that I mean a comment which is actually quite in-depth, but I can't really | ||
| <br/> | ||
| articulate it well just yet, because I am only two years old. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="view-all"> | ||
| <a href="">View all references</a> | ||
| </div> | ||
| </Paper> | ||
| </div>); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.