Commit 400f7946 authored by Karl Petter Aubert's avatar Karl Petter Aubert

Refactor displaychooser

parent 04b68d2b
import React from 'react';
import MediaContainer from "./MediaContainer";
import '../style/DisplayChooserComponent.css';
import '../style/DisplayChooser.css';
export default class DisplayChooser extends React.Component {
......@@ -15,9 +15,9 @@ export default class DisplayChooser extends React.Component {
};
render() {
const categoryNames = ["Category 1", "Category 2", "Category 3"];
const categoryNames = ["City", "Jungle", "Seaside"];
return (
<div className="Display-chooser-component">
<div className="Display-chooser">
<MediaContainer checkedIndex={this.props.categorySelections.textCat} categoryNames={categoryNames}
media="Text" handler={this}/>
<MediaContainer checkedIndex={this.props.categorySelections.imageCat} categoryNames={categoryNames}
......
import React from 'react';
import MediaComponent from "./MediaComponent";
import '../style/DisplayChooserComponent.css';
import '../style/DisplayChooser.css';
export default class DisplayChooserComponent extends React.Component {
......
.Display-chooser-component {
.Display-chooser {
display: inline-flex;
flex-direction: column;
font-family: sans-serif;
}
@media screen and (max-width: 480px){
.Display-chooser {
flex-direction: row;
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment