This repository has been archived by the owner on Feb 29, 2020. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
no bug - Stubbing out Discovery Stream components. (#4630)
* no bug - Stubbing out Discovery Stream components. * Updated to section title * Redux topsites and container classname * Endpoint stuff. * Remove props for now
- Loading branch information
1 parent
68cef93
commit 049d1f0
Showing
16 changed files
with
151 additions
and
10 deletions.
There are no files selected for viewing
34 changes: 30 additions & 4 deletions
34
content-src/components/DiscoveryStreamBase/DiscoveryStreamBase.jsx
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
11 changes: 11 additions & 0 deletions
11
content-src/components/DiscoveryStreamComponents/CardGrid/CardGrid.jsx
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,11 @@ | ||
import React from "react"; | ||
|
||
export class CardGrid extends React.PureComponent { | ||
render() { | ||
return ( | ||
<div> | ||
Card Grid | ||
</div> | ||
); | ||
} | ||
} |
Empty file.
11 changes: 11 additions & 0 deletions
11
content-src/components/DiscoveryStreamComponents/Hero/Hero.jsx
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,11 @@ | ||
import React from "react"; | ||
|
||
export class Hero extends React.PureComponent { | ||
render() { | ||
return ( | ||
<div> | ||
Hero | ||
</div> | ||
); | ||
} | ||
} |
Empty file.
9 changes: 9 additions & 0 deletions
9
content-src/components/DiscoveryStreamComponents/HorizontalRule/HorizontalRule.jsx
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,9 @@ | ||
import React from "react"; | ||
|
||
export class HorizontalRule extends React.PureComponent { | ||
render() { | ||
return ( | ||
<hr /> | ||
); | ||
} | ||
} |
Empty file.
11 changes: 11 additions & 0 deletions
11
content-src/components/DiscoveryStreamComponents/List/List.jsx
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,11 @@ | ||
import React from "react"; | ||
|
||
export class List extends React.PureComponent { | ||
render() { | ||
return ( | ||
<div> | ||
List | ||
</div> | ||
); | ||
} | ||
} |
Empty file.
22 changes: 22 additions & 0 deletions
22
content-src/components/DiscoveryStreamComponents/SectionTitle/SectionTitle.jsx
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,22 @@ | ||
import React from "react"; | ||
|
||
export class Topic extends React.PureComponent { | ||
render() { | ||
const {url, name} = this.props; | ||
return (<li><a key={name} href={url}>{name}</a></li>); | ||
} | ||
} | ||
|
||
export class SectionTitle extends React.PureComponent { | ||
render() { | ||
const {topics} = this.props; | ||
return ( | ||
<span className="section-title"> | ||
<ul> | ||
{topics && topics.map(t => <Topic key={t.name} url={t.url} name={t.name} />)} | ||
<li><a className="ds-more-recommendations">More Recommendations</a></li> | ||
</ul> | ||
</span> | ||
); | ||
} | ||
} |
33 changes: 33 additions & 0 deletions
33
content-src/components/DiscoveryStreamComponents/SectionTitle/_SectionTitle.scss
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,33 @@ | ||
.section-title { | ||
text-align: center; | ||
width: 100%; | ||
|
||
ul { | ||
margin: 0; | ||
padding: 0; | ||
} | ||
|
||
ul li { | ||
display: inline-block; | ||
|
||
&::after { | ||
content: '•'; | ||
padding: 8px; | ||
} | ||
|
||
&:last-child::after { | ||
content: none; | ||
} | ||
} | ||
|
||
.ds-more-recommendations::after { | ||
background: url('../data/content/assets/topic-show-more-12.svg') no-repeat center center; | ||
content: ''; | ||
-moz-context-properties: fill; | ||
display: inline-block; | ||
height: 16px; | ||
margin-inline-start: 5px; | ||
vertical-align: top; | ||
width: 12px; | ||
} | ||
} |
14 changes: 14 additions & 0 deletions
14
content-src/components/DiscoveryStreamComponents/TopSites/TopSites.jsx
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,14 @@ | ||
import {connect} from "react-redux"; | ||
import React from "react"; | ||
|
||
export class _TopSites extends React.PureComponent { | ||
render() { | ||
return ( | ||
<div className="ds-topsites"> | ||
Top Sites | ||
</div> | ||
); | ||
} | ||
} | ||
|
||
export const TopSites = connect(state => ({TopSites: state.TopSites}))(_TopSites); |
Empty file.
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