Skip to content
Snippets Groups Projects
Commit 1faa7339 authored by Rafael László's avatar Rafael László :speech_balloon:
Browse files

#63 Groups in cards

parent 3ab86c32
No related branches found
No related tags found
No related merge requests found
import React, {Component} from 'react'
import { Segment, Header, Divider } from 'semantic-ui-react';
class HiddenForm extends Component {
render(){
return (
<Segment style={{ marginTop: 0 }}>
<Divider style={{ fontSize: '2em'}} horizontal><Header as='h3' style={{ fontSize: '1.2em'}}>{this.props.label}</Header></Divider>
<div className='paragraph' dangerouslySetInnerHTML={{__html: this.props.value}}>
</div>
</Segment>
)
}
}
export default HiddenForm
\ No newline at end of file
import React, { Component } from 'react';
import { Container, Header, Segment, Divider } from 'semantic-ui-react';
import './Groups.css';
import GrouCard from '../extra/GroupCard'
import { connect } from 'react-redux';
import { getGroups } from '../../actions/groups';
......@@ -30,14 +31,10 @@ class Groups extends Component {
</Container>
</Segment>
<Segment style={{ padding: '8em 0em' }} vertical>
<Segment style={{ padding: '1em 0em 5em' }} vertical>
<Container text>
{ this.props.groups.map(item => {
return <div key={item.id}>
<Header as='h3' style={{ fontSize: '2em' }}>{item.name}</Header>
<div className='paragraph' dangerouslySetInnerHTML={{__html: item.description}}>
</div>
</div>
return <GrouCard key={item.id} label={item.name} value={item.description}/>
})}
</Container>
</Segment>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment