Commit 0cf2318a authored by David Haynes's avatar David Haynes 🙆
Browse files

Very pretty and reactive CourseSectionCard

- to be displayed in a CourseSectionList TBD
parent 2d988fbd
import * as React from 'react';
import { Container } from 'reactstrap';
import Search from '../containers/Search';
import CourseSectionCard from './CourseSectionCard';
import Header from './Header';
require('../css/core.css');
......@@ -10,6 +11,7 @@ const App = () => (
<Container>
<Header />
<Search />
<CourseSectionCard />
{/* <Schedule /> */}
</Container>
</div>
......
import * as React from 'react';
import { Button, Card, CardBody, CardTitle, Col, Row } from 'reactstrap';
require('../css/button-text-override.css');
const CourseSectionCard = () => (
<Row className="justify-content-center my-5">
<Col md="9">
<Card>
<CardBody>
<CardTitle className="mb-4">
<i className="fas fa-hashtag" /> 78212
</CardTitle>
<Row>
<Col md="6">
<div className="mb-4">
<h4>Senior Adv Design Project I</h4>
<p>CYSE 492 - 001</p>
</div>
<i className="fas fa-chalkboard-teacher fa-fw" /> Gino J Manzo
<br />
<i className="fas fa-clock fa-fw" /> Thursdays, 4:30 pm - 6:20 pm
<br />
<i className="fas fa-school fa-fw" /> James Buchanan Hall D023
</Col>
<Col md="6">
<Button color="primary" size="lg" block className="shadow-sm mt-3">
<i className="fas fa-plus-circle mr-2 fa-fw" /> Add to schedule
</Button>
</Col>
</Row>
</CardBody>
</Card>
</Col>
</Row>
);
export default CourseSectionCard;
import * as React from 'react';
import { Col, Row } from 'reactstrap';
require('../css/iconbadge.css');
require('../css/icon-badge.css');
const Header = () => (
<div>
......
......@@ -47,7 +47,7 @@ class SearchBar extends React.Component<Props, State> {
className="shadow mb-3 bg-white"
/>
<InputGroupAddon addonType="append">
<Button className="shadow mb-3 bg-white">
<Button className="shadow-sm mb-3 bg-white">
<i className="fas fa-search" />
</Button>
</InputGroupAddon>
......
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