-
-
Notifications
You must be signed in to change notification settings - Fork 64
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from hackforla/dev
Dev
- Loading branch information
Showing
22 changed files
with
144 additions
and
130 deletions.
There are no files selected for viewing
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,14 @@ | ||
import React from 'react'; | ||
import Header from './containers/Header/Header.jsx' | ||
import MapContainer from './containers/Map/MapContainer.jsx' | ||
import FrequencyContainer from './containers/Graphs/FrequencyContainer.jsx' | ||
import TimeToCloseContainer from './containers/Graphs/TimeToCloseContainer.jsx' | ||
// import TreeMapVis from './components/TreeMapVis/TreeMapVis.js'; | ||
// import CandleStick from './components/CandleStick/CandleStick.js'; | ||
// import PinMap from './components/PinMap/PinMap.jsx'; | ||
// import HeatMap from './components/HeatMap/HeatMap.js'; | ||
// import LoadingSpinner from './components/LoadingSpinner/LoadingSpinner.js'; | ||
import Header from './components/main/header/Header'; | ||
import Body from './components/main/body/Body'; | ||
import Footer from './components/main/footer/Footer'; | ||
|
||
const App = () => ( | ||
<div className="main"> | ||
<Header /> | ||
<Body /> | ||
<Footer /> | ||
</div> | ||
); | ||
|
||
|
||
class App extends React.Component{ | ||
constructor(props){ | ||
super(props); | ||
this.state = { | ||
loading:false | ||
} | ||
} | ||
|
||
handleLoadingChanged = (loadingState) => { | ||
this.setState({loading:loadingState}); | ||
} | ||
|
||
render(){ | ||
return ( | ||
<div className="App" > | ||
<Header/> | ||
<MapContainer/> | ||
<TimeToCloseContainer/> | ||
<FrequencyContainer/> | ||
</div> | ||
); | ||
} | ||
} | ||
export default App; |
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
File renamed without changes
This file was deleted.
Oops, something went wrong.
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
import React from 'react'; | ||
|
||
const Dropdown = () => ( | ||
<div className="dropdown is-active"> | ||
<div className="dropdown-trigger"> | ||
<button className="button" aria-haspopup="true" aria-controls="dropdown-menu"> | ||
<span>Dropdown button</span> | ||
<span className="icon is-small"> | ||
<i className="fas fa-angle-down" aria-hidden="true"></i> | ||
</span> | ||
</button> | ||
</div> | ||
<div className="dropdown-menu" id="dropdown-menu" role="menu"> | ||
<div className="dropdown-content"> | ||
<a href="#" className="dropdown-item"> | ||
Dropdown item | ||
</a> | ||
<a className="dropdown-item"> | ||
Other dropdown item | ||
</a> | ||
<a href="#" className="dropdown-item is-active"> | ||
Active dropdown item | ||
</a> | ||
<a href="#" className="dropdown-item"> | ||
Other dropdown item | ||
</a> | ||
<hr className="dropdown-divider" /> | ||
<a href="#" className="dropdown-item"> | ||
With a divider | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
|
||
export default Dropdown; |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
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,12 @@ | ||
import React from 'react'; | ||
import PinMap from '../../PinMap/PinMap.jsx'; | ||
|
||
const Body = () => ( | ||
<div className="container is-fluid"> | ||
<div className="columns"> | ||
<PinMap /> | ||
</div> | ||
</div> | ||
); | ||
|
||
export default Body; |
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,24 @@ | ||
import React from 'react'; | ||
|
||
const Footer = () => ( | ||
<footer className="footer" style={{ | ||
position: 'fixed', | ||
bottom: '0', | ||
width: '100%', | ||
}}> | ||
<div className="content has-text-centered"> | ||
<p> | ||
<strong> | ||
311 Data | ||
</strong> | ||
by | ||
<a href="https://www.hackforla.org/"> | ||
Hack4LA | ||
</a> | ||
. | ||
</p> | ||
</div> | ||
</footer> | ||
); | ||
|
||
export default Footer; |
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,34 @@ | ||
import React from 'react' | ||
import NCFilter from './NCFilter.jsx' | ||
import DataPicker from './dataPicker.jsx' | ||
import Legend from './Legend.jsx' | ||
import Dropdown from '../../common/Dropdown'; | ||
|
||
const Header = () => ( | ||
<section className="hero"> | ||
<div className="hero-body"> | ||
<div className="container"> | ||
<h1 className="title"> | ||
311 Data | ||
</h1> | ||
<h2 className="subtitle"> | ||
Dashboard for NC | ||
</h2> | ||
<div className="columns"> | ||
<div className="column"> | ||
{/* <Dropdown /> */} | ||
</div> | ||
<div className="column"> | ||
<NCFilter /> | ||
</div> | ||
<div className="column"> | ||
<DataPicker /> | ||
</div> | ||
</div> | ||
<Legend /> | ||
</div> | ||
</div> | ||
</section> | ||
); | ||
|
||
export default Header; |
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
3 changes: 1 addition & 2 deletions
3
src/components/common/NCFilter.jsx → src/components/main/header/NCFilter.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
2 changes: 1 addition & 1 deletion
2
src/components/common/dataPicker.jsx → src/components/main/header/dataPicker.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 was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
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 |
---|---|---|
@@ -1,6 +1,7 @@ | ||
import React from 'react'; | ||
import ReactDOM from 'react-dom'; | ||
// import './index.css'; | ||
import 'bulma'; | ||
import App from './App'; | ||
|
||
ReactDOM.render(<App />, document.getElementById('root')); |
File renamed without changes.
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