Skip to content

Commit

Permalink
Add programs page
Browse files Browse the repository at this point in the history
  • Loading branch information
anatoli-sfdc committed Oct 19, 2017
1 parent ac6b14b commit 7dcb54c
Show file tree
Hide file tree
Showing 6 changed files with 49 additions and 1 deletion.
File renamed without changes.
24 changes: 24 additions & 0 deletions frontend/src/assets/program-card-info.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion frontend/src/components/about.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react';

import Card from './expandable-card';
import info from '../assets/card-info.js';
import info from '../assets/about-card-info.js';

import '../styles/card.scss';

Expand Down
1 change: 1 addition & 0 deletions frontend/src/components/menu.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ class NavMenu extends React.Component {
return (<Menu pageWrapId={'content'} isOpen={this.props.isMenuOpen}>
<div onClick={this.props.setContent} id="home-menu" className="menu-item" data="home">Home</div>
<div onClick={this.props.setContent} id="about-menu" className="menu-item" data="about">About Us</div>
<div onClick={this.props.setContent} id="programs-menu" className="menu-item" data="programs">Programs</div>
<div onClick={this.props.setContent} id="calendar-menu" className="menu-item" data="calendar">Calendar</div>
<a href="http://www.aka1908.com/" target="_blank"><div id="calendar-menu" className="menu-item">International Website</div></a>
</Menu>);
Expand Down
21 changes: 21 additions & 0 deletions frontend/src/components/programs.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import React from 'react';

import Card from './expandable-card';
import info from '../assets/program-card-info.js';

import '../styles/card.scss';

class Programs extends React.Component {
render () {
const cards = info.map(card => (<Card info={card} />));

return (<div className="about-us">
<div className="content-header">Programs</div>
<div className="content-body">
{cards}
</div>
</div>);
}
}

export default Programs;
2 changes: 2 additions & 0 deletions frontend/src/containers/Root.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,14 @@ import NavMenu from '../components/menu';
import About from '../components/about';
import Home from '../components/home';
import Calendar from '../components/calendar';
import Programs from '../components/programs';

import '../styles/app.scss';

const contentMap = {
'home': <Home />,
'about': <About />,
'programs': <Programs />,
'calendar': <Calendar />
};

Expand Down

0 comments on commit 7dcb54c

Please sign in to comment.